@aceshooting/lyra-ui 4.0.0 → 4.1.0

package/dist/components/agent-run/agent-run.class.js

@@ -0,0 +1,400 @@
+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, query } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { spinnerIcon } from '../../internal/icons.js';
+import { getNumberFormat } from '../../internal/intl-cache.js';
+import { finiteRange } from '../../internal/numbers.js';
+import { srOnly } from '../../internal/a11y.js';
+import { styles } from './agent-run.styles.js';
+// Registers every custom element this component's own render() emits directly, so importing
+// this `.class.ts` module alone (with no separate wrapper import) is already fully functional --
+// mirrors `<lr-stream-status>`/`<lr-task-list>`'s own direct-registrar-import pattern (as opposed
+// to a bare `*.class.js` import, which registers nothing on its own).
+import '../generation-status/generation-status.js';
+import '../usage-badge/usage-badge.js';
+import '../task-list/task-list.js';
+import '../badge/badge.js';
+import '../empty/empty.js';
+import '../live-region/live-region.js';
+/** `true`-defaulting boolean attribute converter -- Lit's default presence-based `type: Boolean`
+ *  can never be set back to `false` from a plain-HTML attribute once a property's own default is
+ *  `true` (removing an attribute that was never present fires no `attributeChangedCallback`), so
+ *  `fromAttribute` checks the literal string instead. Shared by `show-cancel` and `show-retry`,
+ *  which have the identical `true`-default parsing need -- duplicated locally rather than
+ *  imported, matching this exact converter's repeated per-component convention elsewhere in this
+ *  library (see e.g. `<lr-task-list>`'s own `trueDefaultBooleanConverter`). */
+const trueDefaultBooleanConverter = {
+    fromAttribute(value) {
+        return value !== 'false';
+    },
+    toAttribute(value) {
+        return value ? null : 'false';
+    },
+};
+/** Statuses for which the live elapsed-time ticker (and the built-in Cancel button) apply -- a
+ *  run is still genuinely "going" while waiting on the user or an approval gate, not just while
+ *  actively `running`. */
+const TICKING_KINDS = new Set(['running', 'waiting-input', 'waiting-approval']);
+/** Terminal statuses for which a static (not live-ticking) duration applies, and for which the
+ *  built-in Retry button becomes relevant (a subset -- see `canRetry`). */
+const TERMINAL_KINDS = new Set(['done', 'error', 'cancelled']);
+/** Badge label per status. `running`/`error` reuse this library's existing generic `statusRunning`/
+ *  `statusError` keys (identical wording already used by `<lr-task-list>`'s own per-item status
+ *  text) rather than duplicating them. The other five kinds have no existing generic-enough
+ *  counterpart -- `<lr-task-list>`'s own vocabulary (`pending`/`running`/`success`/`error`) is
+ *  deliberately narrower than `AgentStatusKind` (see `AgentStatus`'s own doc comment in
+ *  `src/ai/types.ts`) and collapsing e.g. `waiting-input`/`waiting-approval` down to it would
+ *  discard exactly the distinction a host most needs to act on. */
+const STATUS_LABEL = {
+    idle: { key: 'agentRunStatusIdle' },
+    running: { key: 'statusRunning' },
+    'waiting-input': { key: 'agentRunStatusWaitingInput' },
+    'waiting-approval': { key: 'agentRunStatusWaitingApproval' },
+    done: { key: 'agentRunStatusDone' },
+    error: { key: 'statusError' },
+    cancelled: { key: 'agentRunStatusCancelled' },
+};
+const STATUS_VARIANT = {
+    idle: 'neutral',
+    running: 'brand',
+    'waiting-input': 'warning',
+    'waiting-approval': 'warning',
+    done: 'success',
+    error: 'danger',
+    cancelled: 'neutral',
+};
+/** Coarsens the broader `AgentStatusKind` down to `<lr-task-list>`'s own narrower `TaskStatus`
+ *  vocabulary, for the default tasks-slot content only (see `defaultTaskItems()`). Both
+ *  `waiting-*` kinds map to `'running'` -- still in progress from the plan's point of view, even
+ *  though it isn't actively executing -- and `cancelled` maps to `'error'`, the closest of
+ *  `TaskStatus`'s four terminal-ish states since `<lr-task-list>` has no cancelled concept of its
+ *  own. */
+const STEP_TO_TASK_STATUS = {
+    idle: 'pending',
+    running: 'running',
+    'waiting-input': 'running',
+    'waiting-approval': 'running',
+    done: 'success',
+    error: 'error',
+    cancelled: 'error',
+};
+function toTaskItem(step) {
+    return { id: step.id, label: step.label, status: STEP_TO_TASK_STATUS[step.status.kind], detail: step.status.message };
+}
+/** `820` -> `"820ms"`; `1500` -> `"1.5s"`; `2000` -> `"2s"`. Identical algorithm to
+ *  `<lr-usage-badge>`'s own `formatDuration` (itself already a duplicate of `<lr-tool-call-chip>`'s),
+ *  duplicated locally again for the same reason: independently consumable components, no shared
+ *  runtime dependency between them. Used only for a *terminal* run's static duration -- see the
+ *  class doc's "elapsed time" section for why the live ticker below intentionally doesn't reuse
+ *  this for an in-progress run. */
+function formatDuration(ms) {
+    if (!Number.isFinite(ms) || ms < 1000) {
+        return { key: 'durationMilliseconds', value: String(Math.round(Math.max(0, ms))) };
+    }
+    const seconds = ms / 1000;
+    const rounded = Math.round(seconds * 10) / 10;
+    return { key: 'durationSeconds', value: Number.isInteger(rounded) ? rounded.toFixed(0) : rounded.toFixed(1) };
+}
+/**
+ * `<lr-agent-run>` — the top-level shell for one `AgentRun`: lifecycle-status badge, elapsed
+ * time, current step, model/cost summary, and built-in Cancel/Retry controls in a header, plus
+ * four named composition slots (`tasks`/`tools`/`reasoning`/`output`) for the run's actual
+ * content. This is deliberately a SHELL, not a new step-rendering surface — every piece of
+ * per-step or per-invocation rendering routes through an existing primitive:
+ *
+ * - **Elapsed time**: composes `<lr-generation-status>` (`active`/`started-at`, its own built-in
+ *   Stop button hidden via `show-stop="false"` since this component renders its own Cancel/Retry
+ *   pair instead) for the *live, ticking* readout while the run is genuinely in progress
+ *   (`running`/`waiting-input`/`waiting-approval`). `<lr-stream-status>` was considered too (per
+ *   this family's own composition brief) but doesn't fit: its `phase` vocabulary
+ *   (`idle`/`connecting`/`streaming`/`stalled`) models transport/connection health, not an agent
+ *   run's seven-state lifecycle, and it exposes no elapsed-time readout at all — exactly the
+ *   distinction `<lr-generation-status>`'s own class doc already draws between the two. Once the
+ *   run reaches a terminal state (`done`/`error`/`cancelled`) with both a `startedAt` and an
+ *   `endedAt`, this component instead renders a small locally-formatted static duration
+ *   (`endedAt - startedAt`): `<lr-generation-status>`'s freeze-on-`active=false` semantics only
+ *   ever freeze at whatever it last computed *live*, so mounting it directly against a completed
+ *   run loaded from history (e.g. `startedAt` yesterday, `endedAt` five minutes later, loaded
+ *   today) would either show a stale zero or the wrong multi-hour span — it has no way to render a
+ *   fixed historical span on demand. That static fallback reuses the same small `formatDuration()`
+ *   algorithm `<lr-usage-badge>` and `<lr-tool-call-chip>` already duplicate locally for the same
+ *   reason (see this file's own copy).
+ * - **Model + cost summary**: composes `<lr-usage-badge>`, fed `run.costEstimate` (formatted via
+ *   `formatCost`, or a plain `Intl.NumberFormat` by default — this library never assumes a
+ *   currency, see `<lr-format-number>`'s own explicit `currency` prop) as its `cost-text`.
+ *   `run.model` (a plain string with no analogous `<lr-usage-badge>` property) renders alongside
+ *   as plain text.
+ * - **Current step**: a single-line summary of whichever `run.steps` entry currently has
+ *   `status.kind === 'running'` (the last such entry, if more than one) — a plain text line, not a
+ *   list, so it doesn't duplicate `<lr-task-list>`'s own per-item rendering.
+ * - **Tasks slot default content**: when the host doesn't slot anything into `tasks` and
+ *   `run.steps` is non-empty, this component's own `<slot>` fallback renders a `<lr-task-list>`
+ *   populated by mapping every `AgentStep` to a `TaskItem` (see `toTaskItem()`) — a plain data
+ *   adapter between the two existing shapes, not new rendering.
+ * - **Status badge**: composes `<lr-badge>`. **Empty state**: composes `<lr-empty>` when `run` is
+ *   `null`.
+ *
+ * `tools`/`reasoning`/`output` are plain named slots with no default content — entirely the
+ * host's own composition (typically `<lr-tool-call-chip>`/`<lr-tool-result-view>` rows,
+ * reasoning/streaming text, and final output respectively). An `actions` slot adds extra header
+ * controls alongside the built-in Cancel/Retry pair.
+ *
+ * The built-in Cancel button renders while `showCancel` is true and the run's status is one of
+ * `TICKING_KINDS` (still genuinely in progress); Retry renders while `showRetry` is true and the
+ * status is `error` or `cancelled`. Clicking either fires `lr-cancel`/`lr-retry` with
+ * `CancelEventDetail`/`RetryEventDetail` from `src/ai/types.ts` — this component never cancels or
+ * retries anything itself, it only requests. `RetryEventDetail.attempt` is a 1-based counter
+ * local to this component, incremented on every `lr-retry` click and reset to `0` whenever
+ * `run.id` changes (a genuinely new run replacing the old one, as opposed to the same run's status
+ * merely updating in place).
+ *
+ * Lifecycle transitions into an attention-needing or terminal state (`waiting-input`,
+ * `waiting-approval`, `done`, `error`, `cancelled`) are announced through an internal
+ * `<lr-live-region>`, mirroring `<lr-stream-status>`'s own stall/recover announcements —
+ * `running`/`idle` transitions are frequent and not independently actionable, so they stay
+ * silent, and whatever status a freshly-assigned `run` (a new `run.id`) happens to already carry
+ * is never itself treated as an eventful transition, only a later in-place change is.
+ *
+ * @customElement lr-agent-run
+ * @slot tasks - Task/plan content. Falls back to a `<lr-task-list>` built from `run.steps` when
+ *   nothing is slotted and `run.steps` is non-empty.
+ * @slot tools - Tool-call content (e.g. `<lr-tool-call-chip>`/`<lr-tool-result-view>` rows). No
+ *   default content.
+ * @slot reasoning - Reasoning/thinking content. No default content.
+ * @slot output - The run's final output content. No default content.
+ * @slot actions - Extra header actions alongside the built-in Cancel/Retry buttons.
+ * @event lr-cancel - The built-in Cancel button was activated. `detail: CancelEventDetail`
+ *   (`{ reason }`, always `undefined` from the built-in button itself).
+ * @event lr-retry - The built-in Retry button was activated. `detail: RetryEventDetail`
+ *   (`{ attempt }`, a 1-based counter reset per `run.id`).
+ * @csspart base - The root container.
+ * @csspart empty - The `<lr-empty>` shown when `run` is `null`.
+ * @csspart header - The header row wrapping status, elapsed time, current step, summary, and actions.
+ * @csspart status - Wrapper around the status badge and optional status message.
+ * @csspart status-badge - The resolved `<lr-badge>` lifecycle-status pill.
+ * @csspart status-message - `run.status.message`, when set.
+ * @csspart elapsed - The composed `<lr-generation-status>`, only rendered while the run is
+ *   actively ticking (see the class doc).
+ * @csspart elapsed-static - The static formatted duration for a terminal run with both
+ *   `startedAt` and `endedAt`.
+ * @csspart current-step - Wrapper around the current-step icon and label. Only rendered while a
+ *   step has `status.kind === 'running'`.
+ * @csspart current-step-icon - The spinning current-step icon.
+ * @csspart current-step-label - The current step's `label` text.
+ * @csspart summary - Wrapper around the model text and the composed `<lr-usage-badge>`. Only
+ *   rendered while `run.model` or a valid `run.costEstimate` is present.
+ * @csspart model - `run.model`, when set.
+ * @csspart usage - The composed `<lr-usage-badge>`.
+ * @csspart actions - Wrapper around the `actions` slot and the built-in Cancel/Retry buttons.
+ * @csspart cancel-button - The built-in Cancel button. Only rendered while cancelable (see the
+ *   class doc).
+ * @csspart retry-button - The built-in Retry button. Only rendered while retryable.
+ * @csspart body - Wrapper around the four composition slots.
+ * @csspart tasks - The `tasks` slot.
+ * @csspart tools - The `tools` slot.
+ * @csspart reasoning - The `reasoning` slot.
+ * @csspart output - The `output` slot.
+ */
+export class LyraAgentRun extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The run to display. Controlled and never mutated by this component -- pass a new object to
+         *  update it. `null` renders the shared `<lr-empty>` `noData` state. */
+        this.run = null;
+        /** Whether the built-in Cancel button can render at all -- still gated by the run's own status
+         *  being cancelable (`running`/`waiting-input`/`waiting-approval`). Set `false` for a read-only
+         *  viewer. */
+        this.showCancel = true;
+        /** Whether the built-in Retry button can render at all -- still gated by the run's own status
+         *  being retryable (`error`/`cancelled`). */
+        this.showRetry = true;
+        this.retryAttempt = 0;
+        this.onCancelClick = () => {
+            this.emit('lr-cancel', {});
+        };
+        this.onRetryClick = () => {
+            this.retryAttempt += 1;
+            this.emit('lr-retry', { attempt: this.retryAttempt });
+        };
+    }
+    static { this.styles = [LyraElement.styles, srOnly, styles]; }
+    willUpdate(changed) {
+        if (changed.has('run') && this.run?.id !== this.previousRunId) {
+            this.retryAttempt = 0;
+        }
+    }
+    updated(changed) {
+        if (changed.has('run'))
+            this.handleRunChange();
+    }
+    handleRunChange() {
+        const runId = this.run?.id;
+        const kind = this.run?.status.kind;
+        const isFreshRun = runId !== this.previousRunId;
+        if (!isFreshRun && kind !== undefined && kind !== this.previousStatusKind && this.isAttentionKind(kind)) {
+            this.announceStatus(kind);
+        }
+        this.previousRunId = runId;
+        this.previousStatusKind = kind;
+    }
+    isAttentionKind(kind) {
+        return kind === 'waiting-input' || kind === 'waiting-approval' || TERMINAL_KINDS.has(kind);
+    }
+    announceStatus(kind) {
+        const region = this.liveRegion;
+        if (!region)
+            return;
+        region.mode = kind === 'error' || kind === 'waiting-input' || kind === 'waiting-approval' ? 'assertive' : 'polite';
+        region.announce(this.localize('agentRunStatusAnnounce', undefined, { status: this.statusLabel(kind) }), {
+            force: true,
+        });
+    }
+    statusLabel(kind) {
+        return this.localize(STATUS_LABEL[kind].key);
+    }
+    get currentStep() {
+        const steps = this.run?.steps;
+        if (!steps)
+            return undefined;
+        for (let i = steps.length - 1; i >= 0; i--) {
+            if (steps[i].status.kind === 'running')
+                return steps[i];
+        }
+        return undefined;
+    }
+    get isTicking() {
+        const kind = this.run?.status.kind;
+        return kind !== undefined && TICKING_KINDS.has(kind) && this.run?.startedAt != null;
+    }
+    /** The static formatted duration for a terminal run with both `startedAt` and `endedAt` --
+     *  `undefined` while ticking, not yet terminal, or missing either timestamp (see the class
+     *  doc's "elapsed time" section for why a terminal run doesn't reuse the live ticker). */
+    get staticElapsedText() {
+        const run = this.run;
+        if (!run || !TERMINAL_KINDS.has(run.status.kind))
+            return undefined;
+        if (run.startedAt == null || run.endedAt == null)
+            return undefined;
+        const d = formatDuration(Math.max(0, run.endedAt - run.startedAt));
+        return this.localize(d.key, undefined, { value: d.value });
+    }
+    get costText() {
+        const cost = this.run?.costEstimate;
+        if (cost == null || !Number.isFinite(cost))
+            return '';
+        const value = finiteRange(cost, cost, 0);
+        const formatter = this.formatCost ?? ((c) => getNumberFormat(this.effectiveLocale, { maximumFractionDigits: 4 }).format(c));
+        return formatter(value);
+    }
+    get canCancel() {
+        const kind = this.run?.status.kind;
+        return this.showCancel && kind !== undefined && TICKING_KINDS.has(kind);
+    }
+    get canRetry() {
+        const kind = this.run?.status.kind;
+        return this.showRetry && (kind === 'error' || kind === 'cancelled');
+    }
+    render() {
+        const run = this.run;
+        if (!run) {
+            return html `<div part="base"><lr-empty part="empty" heading=${this.localize('noData')}></lr-empty></div>`;
+        }
+        const kind = run.status.kind;
+        const step = this.currentStep;
+        const ticking = this.isTicking;
+        const staticElapsed = this.staticElapsedText;
+        const cost = this.costText;
+        const hasSummary = !!run.model || cost !== '';
+        return html `
+      <div part="base">
+        <div part="header">
+          <div part="status">
+            <lr-badge part="status-badge" variant=${STATUS_VARIANT[kind]}>${this.statusLabel(kind)}</lr-badge>
+            ${run.status.message ? html `<span part="status-message">${run.status.message}</span>` : nothing}
+          </div>
+          ${ticking
+            ? html `<lr-generation-status
+                part="elapsed"
+                exportparts="elapsed:elapsed-time"
+                active
+                .startedAt=${run.startedAt}
+                .showStop=${false}
+              ></lr-generation-status>`
+            : staticElapsed
+                ? html `<span part="elapsed-static">${staticElapsed}</span>`
+                : nothing}
+          ${step
+            ? html `
+                <div part="current-step">
+                  <span part="current-step-icon" aria-hidden="true">${spinnerIcon()}</span>
+                  <span class="sr-only"
+                    >${this.localize('agentRunCurrentStepLabel')}</span
+                  >
+                  <span part="current-step-label">${step.label}</span>
+                </div>
+              `
+            : nothing}
+          ${hasSummary
+            ? html `
+                <div part="summary">
+                  ${run.model ? html `<span part="model">${run.model}</span>` : nothing}
+                  ${cost !== ''
+                ? html `<lr-usage-badge part="usage" exportparts="cost:cost" cost-text=${cost}></lr-usage-badge>`
+                : nothing}
+                </div>
+              `
+            : nothing}
+          <div part="actions">
+            <slot name="actions"></slot>
+            ${this.canCancel
+            ? html `<button part="cancel-button" type="button" @click=${this.onCancelClick}>
+                  ${this.localize('cancel')}
+                </button>`
+            : nothing}
+            ${this.canRetry
+            ? html `<button part="retry-button" type="button" @click=${this.onRetryClick}>
+                  ${this.localize('retry')}
+                </button>`
+            : nothing}
+          </div>
+        </div>
+        <div part="body">
+          <slot part="tasks" name="tasks"
+            >${run.steps.length > 0
+            ? html `<lr-task-list .items=${run.steps.map(toTaskItem)}></lr-task-list>`
+            : nothing}</slot
+          >
+          <slot part="tools" name="tools"></slot>
+          <slot part="reasoning" name="reasoning"></slot>
+          <slot part="output" name="output"></slot>
+        </div>
+        <lr-live-region></lr-live-region>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraAgentRun.prototype, "run", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentRun.prototype, "formatCost", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-cancel', converter: trueDefaultBooleanConverter })
+], LyraAgentRun.prototype, "showCancel", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-retry', converter: trueDefaultBooleanConverter })
+], LyraAgentRun.prototype, "showRetry", void 0);
+__decorate([
+    state()
+], LyraAgentRun.prototype, "retryAttempt", void 0);
+__decorate([
+    query('lr-live-region')
+], LyraAgentRun.prototype, "liveRegion", void 0);
+//# sourceMappingURL=agent-run.class.js.map

package/dist/components/agent-run/agent-run.class.js.map

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

package/dist/components/agent-run/agent-run.d.ts

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

package/dist/components/agent-run/agent-run.d.ts.map

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

package/dist/components/agent-run/agent-run.js

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

package/dist/components/agent-run/agent-run.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-run.js","sourceRoot":"","sources":["../../../src/components/agent-run/agent-run.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/agent-run/agent-run.styles.d.ts

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

package/dist/components/agent-run/agent-run.styles.d.ts.map

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

package/dist/components/agent-run/agent-run.styles.js

@@ -0,0 +1,143 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    --lr-agent-run-spin: 1s linear;
+  }
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-m);
+    box-sizing: border-box;
+    inline-size: 100%;
+    padding: 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);
+  }
+  [part='header'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    column-gap: var(--lr-space-m);
+    row-gap: var(--lr-space-s);
+  }
+  [part='status'] {
+    display: flex;
+    align-items: center;
+    gap: var(--lr-space-xs);
+    min-inline-size: 0;
+  }
+  [part='status-message'] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-inline-size: var(--lr-size-16rem);
+    font-size: var(--lr-font-size-sm);
+    color: var(--lr-color-text-quiet);
+  }
+  [part='elapsed'],
+  [part='elapsed-static'] {
+    flex: 0 0 auto;
+    font-size: var(--lr-font-size-sm);
+    color: var(--lr-color-text-quiet);
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+  }
+  [part='current-step'] {
+    display: flex;
+    align-items: center;
+    gap: var(--lr-size-0-4em);
+    min-inline-size: 0;
+    flex: 1 1 auto;
+    font-size: var(--lr-font-size-sm);
+    color: var(--lr-color-text-quiet);
+  }
+  [part='current-step-icon'] {
+    display: inline-flex;
+    flex: 0 0 auto;
+    color: var(--lr-color-brand);
+  }
+  [part='current-step-icon'] svg {
+    display: block;
+    animation: lr-agent-run-spin var(--lr-agent-run-spin) infinite;
+  }
+  [part='current-step-label'] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-inline-size: 0;
+  }
+  [part='summary'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--lr-space-s);
+    flex: 0 0 auto;
+    font-size: var(--lr-font-size-sm);
+  }
+  [part='model'] {
+    color: var(--lr-color-text-quiet);
+    white-space: nowrap;
+  }
+  [part='actions'] {
+    display: flex;
+    align-items: center;
+    gap: var(--lr-space-xs);
+    flex: 0 0 auto;
+    margin-inline-start: auto;
+  }
+  [part='cancel-button'],
+  [part='retry-button'] {
+    box-sizing: border-box;
+    min-block-size: var(--lr-size-1-75rem);
+    padding: var(--lr-size-0-25rem) var(--lr-space-s);
+    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;
+    font-size: var(--lr-font-size-sm);
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    transition:
+      background-color var(--lr-transition-fast),
+      border-color var(--lr-transition-fast),
+      color var(--lr-transition-fast);
+  }
+  [part='cancel-button']:hover {
+    border-color: var(--lr-color-danger);
+    color: var(--lr-color-danger);
+  }
+  [part='retry-button']:hover {
+    border-color: var(--lr-color-brand);
+    color: var(--lr-color-brand);
+  }
+  [part='cancel-button']:focus-visible,
+  [part='retry-button']:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
+  }
+  [part='body'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-m);
+    min-inline-size: 0;
+  }
+  @keyframes lr-agent-run-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [part='cancel-button'],
+    [part='retry-button'] {
+      transition: none !important;
+    }
+    [part='current-step-icon'] svg {
+      animation: none !important;
+    }
+  }
+`;
+//# sourceMappingURL=agent-run.styles.js.map

package/dist/components/agent-run/agent-run.styles.js.map

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