@aceshooting/lyra-ui 3.7.0 → 3.8.0

package/dist/components/flow-node/flow-node.class.js

@@ -0,0 +1,187 @@
+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 { prefersReducedMotion } from '../../internal/motion.js';
+import { finiteRange } from '../../internal/numbers.js';
+import { styles } from './flow-node.styles.js';
+const DEFAULT_INPUTS = [{ id: 'in' }];
+const DEFAULT_OUTPUTS = [{ id: 'out' }];
+/**
+ * `<lyra-flow-node>` — the card a workflow node renders as: header/body/toolbar chrome,
+ * tool-lifecycle status tones, and the named connection-handle elements edges anchor to. Used as
+ * `lyra-flow-canvas`'s default card and as a slotted override; also renders standalone (palette
+ * previews, docs). Purely presentational — activation, selection, movement, and connection are all
+ * `lyra-flow-canvas` events; this component owns none of that.
+ *
+ * @customElement lyra-flow-node
+ * @slot - Body content.
+ * @slot icon - Leading header glyph.
+ * @slot header - Replaces the built-in heading row entirely.
+ * @slot toolbar - Action row at the block-end edge.
+ * @csspart base - The card root.
+ * @csspart header - The built-in header row (omitted when the `header` slot has content).
+ * @csspart icon - The wrapper around the `icon` slot.
+ * @csspart heading - The heading text.
+ * @csspart status - The visible status chip (status is never color-only).
+ * @csspart progress - The determinate progress bar.
+ * @csspart body - The default-slot body wrapper.
+ * @csspart toolbar - The toolbar row wrapper.
+ * @csspart handle - Every handle dot (input or output).
+ * @csspart handle-input - An input handle dot (also carries the shared `handle` part).
+ * @csspart handle-output - An output handle dot (also carries the shared `handle` part).
+ * @cssprop [--lyra-flow-node-min-inline-size=11rem] - Minimum card inline size.
+ */
+export class LyraFlowNode extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.nodeId = '';
+        this.heading = '';
+        this.status = null;
+        this.progress = null;
+        this.statusDetail = '';
+        this.durationMs = null;
+        this.selected = false;
+        this.inputs = DEFAULT_INPUTS;
+        this.outputs = DEFAULT_OUTPUTS;
+        /** Additive: which physical edge handles render on, mirroring the canvas's own `orientation` when
+         *  this card is canvas-adopted; a standalone card defaults to `"horizontal"`. */
+        this.orientation = 'horizontal';
+        this.hasHeaderSlot = false;
+        this.onHeaderSlotChange = (e) => {
+            this.hasHeaderSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        if (!this.hasUpdated) {
+            this.hasHeaderSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'header');
+        }
+        void changed;
+    }
+    /** `progress` normalized to a finite `[0, 100]` percentage, or `null` -- `null`/`undefined` and a
+     *  non-finite raw value (e.g. a stray `NaN` push from a decoration) both mean "no determinate
+     *  progress bar," matching this property's own "omitted from render entirely when unset"
+     *  contract, rather than rendering a bar at a literal `NaN%` inline-size. A finite out-of-range
+     *  value clamps into `[0, 100]` instead of over/under-filling the bar -- same shape as
+     *  `tool-call-chip`'s/`thinking-panel`'s own `safeDurationMs` getter. */
+    get safeProgress() {
+        return this.progress != null && Number.isFinite(this.progress) ? finiteRange(this.progress, 0, 0, 100) : null;
+    }
+    /** `durationMs` normalized to a finite, non-negative value, or `null` -- same "omitted when
+     *  unset/non-finite" contract and clamp-to-`0` shape as `safeProgress` above (and as
+     *  `tool-call-chip`'s/`thinking-panel`'s own `safeDurationMs` getters); this is a purely
+     *  displayed value here (formatted by `formattedDuration()`), never fed to a timer. */
+    get safeDurationMs() {
+        return this.durationMs != null && Number.isFinite(this.durationMs) ? finiteRange(this.durationMs, 0, 0) : null;
+    }
+    statusLabel() {
+        switch (this.status) {
+            case 'pending':
+                return this.localize('statusPending');
+            case 'running':
+                return this.localize('statusRunning');
+            case 'success':
+                return this.localize('statusSuccess');
+            case 'error':
+                return this.localize('statusError');
+            case 'denied':
+                return this.localize('statusDenied');
+            default:
+                return '';
+        }
+    }
+    handleTemplate(kind, handle) {
+        const label = handle.label ?? this.localize(kind === 'input' ? 'flowInputHandle' : 'flowOutputHandle', undefined, { id: handle.id });
+        return html `<span
+      part="handle handle-${kind}"
+      class="handle"
+      data-handle-id=${handle.id}
+      data-handle-kind=${kind}
+      aria-hidden="true"
+      title=${label}
+    ></span>`;
+    }
+    render() {
+        const clampedProgress = this.safeProgress;
+        return html `<div part="base">
+      <div class="handles handles-input">${this.inputs.map((h) => this.handleTemplate('input', h))}</div>
+      <div class="card" ?data-pulse=${this.pulsesRing}>
+        <slot name="header" @slotchange=${this.onHeaderSlotChange}></slot>
+        ${this.hasHeaderSlot
+            ? nothing
+            : html `<div part="header">
+              <slot name="icon" part="icon"></slot>
+              <span part="heading">${this.heading}</span>
+            </div>`}
+        ${this.status
+            ? html `<div part="status" data-status=${this.status}>
+              <span class="status-dot"></span>${this.statusText()}
+            </div>`
+            : nothing}
+        ${clampedProgress != null
+            ? html `<div part="progress"><div class="progress-fill" style="inline-size:${clampedProgress}%"></div></div>`
+            : nothing}
+        <div part="body"><slot></slot></div>
+        <div part="toolbar"><slot name="toolbar"></slot></div>
+      </div>
+      <div class="handles handles-output">${this.outputs.map((h) => this.handleTemplate('output', h))}</div>
+    </div>`;
+    }
+    formattedDuration() {
+        const durationMs = this.safeDurationMs;
+        if (durationMs == null)
+            return '';
+        return durationMs < 1000
+            ? this.localize('durationMilliseconds', undefined, { value: Math.round(durationMs) })
+            : this.localize('durationSeconds', undefined, { value: Math.round(durationMs / 100) / 10 });
+    }
+    statusText() {
+        const label = this.statusLabel();
+        const duration = this.formattedDuration();
+        const withDuration = duration ? this.localize('flowStatusWithDuration', undefined, { status: label, duration }) : label;
+        return this.statusDetail ? `${withDuration} — ${this.statusDetail}` : withDuration;
+    }
+    get pulsesRing() {
+        return this.status === 'running' && !prefersReducedMotion();
+    }
+}
+__decorate([
+    property({ attribute: 'node-id' })
+], LyraFlowNode.prototype, "nodeId", void 0);
+__decorate([
+    property()
+], LyraFlowNode.prototype, "heading", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraFlowNode.prototype, "status", void 0);
+__decorate([
+    property({ type: Number })
+], LyraFlowNode.prototype, "progress", void 0);
+__decorate([
+    property({ attribute: 'status-detail' })
+], LyraFlowNode.prototype, "statusDetail", void 0);
+__decorate([
+    property({ type: Number, attribute: 'duration-ms' })
+], LyraFlowNode.prototype, "durationMs", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraFlowNode.prototype, "selected", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraFlowNode.prototype, "inputs", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraFlowNode.prototype, "outputs", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraFlowNode.prototype, "orientation", void 0);
+__decorate([
+    state()
+], LyraFlowNode.prototype, "hasHeaderSlot", void 0);
+//# sourceMappingURL=flow-node.class.js.map

package/dist/components/flow-node/flow-node.class.js.map

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

package/dist/components/flow-node/flow-node.d.ts

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

package/dist/components/flow-node/flow-node.d.ts.map

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

package/dist/components/flow-node/flow-node.js

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

package/dist/components/flow-node/flow-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-node.js","sourceRoot":"","sources":["../../../src/components/flow-node/flow-node.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/flow-node/flow-node.styles.d.ts

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

package/dist/components/flow-node/flow-node.styles.d.ts.map

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

package/dist/components/flow-node/flow-node.styles.js

@@ -0,0 +1,127 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-block;
+    max-inline-size: 100%;
+  }
+  [part='base'] {
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    gap: var(--lyra-space-xs);
+  }
+  :host([orientation='vertical']) [part='base'] {
+    flex-direction: column;
+  }
+  .handles {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    inline-size: var(--lyra-space-l);
+    flex: 0 0 auto;
+  }
+  :host([orientation='vertical']) .handles {
+    flex-direction: row;
+    inline-size: auto;
+    block-size: var(--lyra-space-l);
+  }
+  .handle {
+    inline-size: var(--lyra-size-0-5rem);
+    block-size: var(--lyra-size-0-5rem);
+    border-radius: var(--lyra-radius-pill);
+    background: var(--lyra-color-border-strong);
+    flex: 0 0 auto;
+  }
+  .card {
+    flex: 1 1 auto;
+    min-inline-size: var(--lyra-flow-node-min-inline-size, calc(var(--lyra-size-10rem) + var(--lyra-size-1rem)));
+    display: flex;
+    flex-direction: column;
+    gap: var(--lyra-space-2xs);
+    padding: var(--lyra-space-s);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius);
+    background: var(--lyra-color-surface);
+    box-shadow: var(--lyra-shadow);
+    min-inline-size: 0;
+  }
+  :host([selected]) .card {
+    border-color: var(--lyra-color-brand);
+  }
+  [part='header'] {
+    display: flex;
+    align-items: center;
+    gap: var(--lyra-space-xs);
+    min-inline-size: 0;
+  }
+  [part='heading'] {
+    font-weight: var(--lyra-font-weight-medium);
+    overflow-wrap: anywhere;
+  }
+  [part='status'] {
+    display: flex;
+    align-items: center;
+    gap: var(--lyra-space-2xs);
+    font-size: var(--lyra-font-size-xs);
+    color: var(--lyra-color-text-muted);
+  }
+  .status-dot {
+    inline-size: var(--lyra-size-0-5rem);
+    block-size: var(--lyra-size-0-5rem);
+    border-radius: var(--lyra-radius-pill);
+    background: var(--lyra-color-border-strong);
+    flex: 0 0 auto;
+  }
+  [part='status'][data-status='running'] .status-dot { background: var(--lyra-color-brand); }
+  [part='status'][data-status='success'] .status-dot { background: var(--lyra-color-success); }
+  [part='status'][data-status='error'] .status-dot { background: var(--lyra-color-danger); }
+  [part='status'][data-status='denied'] .status-dot { background: var(--lyra-color-warning); }
+  [part='progress'] {
+    inline-size: 100%;
+    block-size: var(--lyra-size-2px);
+    background: var(--lyra-color-border);
+    border-radius: var(--lyra-radius-pill);
+    overflow: hidden;
+  }
+  .progress-fill {
+    block-size: 100%;
+    background: var(--lyra-color-brand);
+  }
+  [part='body']:empty {
+    display: none;
+  }
+  [part='toolbar'] {
+    display: flex;
+    gap: var(--lyra-space-2xs);
+    justify-content: flex-end;
+    opacity: 0;
+  }
+  [part='toolbar']:has(::slotted(*)) {
+    opacity: 0;
+  }
+  :host(:hover) [part='toolbar'],
+  :host(:focus-within) [part='toolbar'] {
+    opacity: 1;
+  }
+  .card[data-pulse] {
+    animation: lyra-flow-node-pulse var(--lyra-transition-ambient) ease-in-out infinite;
+  }
+  :host([status='running']) .card {
+    border-color: var(--lyra-color-brand);
+    box-shadow: 0 0 0 var(--lyra-size-2px) var(--lyra-color-brand-quiet);
+  }
+  /* The JS gate only evaluates the preference at render time; this CSS branch also covers a
+     preference change while an already-rendered card is still pulsing. */
+  @media (prefers-reduced-motion: reduce) {
+    .card[data-pulse] {
+      animation: none;
+    }
+  }
+  @keyframes lyra-flow-node-pulse {
+    50% {
+      box-shadow: 0 0 0 var(--lyra-size-4px) var(--lyra-color-brand-quiet);
+    }
+  }
+`;
+//# sourceMappingURL=flow-node.styles.js.map

package/dist/components/flow-node/flow-node.styles.js.map

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

package/dist/components/flow-run-overlay/flow-run-overlay.class.d.ts

@@ -0,0 +1,46 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import type { FlowRunDecorations } from '../flow-canvas/flow-canvas.class.js';
+/**
+ * `<lyra-flow-run-overlay>` — execution-state presentation for a `lyra-flow-canvas`: pushes a
+ * `FlowRunDecorations` map into the resolved canvas (the canvas itself renders the node/edge paint)
+ * and renders a compact run-summary strip. Does not execute, poll, or time anything — pure pushed
+ * state; `durationMs` is host-computed.
+ *
+ * @customElement lyra-flow-run-overlay
+ * @slot - Extra host chrome appended to the strip (e.g. a cancel button or a usage badge).
+ * @csspart base - The root wrapper.
+ * @csspart summary - The "{done} of {total} steps complete" line.
+ * @csspart count - One per status present (text + tone dot, never color-only).
+ * @csspart live-region - The step-transition announcement.
+ */
+export declare class LyraFlowRunOverlay extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    for: string;
+    decorations: FlowRunDecorations;
+    hideSummary: boolean;
+    label: string;
+    private liveText;
+    private readonly announcer;
+    private canvasEl?;
+    /** The exact `FlowRunDecorations` object reference this element itself last wrote into the
+     *  canvas -- lets `applyDecorations()`/`disconnectedCallback()` tell "still ours" from "someone
+     *  else wrote a different value since" by identity, not deep equality. */
+    private lastWrittenDecorations;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    private resolveCanvas;
+    private applyDecorations;
+    private statusLabel;
+    private announceTransitions;
+    private summary;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-flow-run-overlay': LyraFlowRunOverlay;
+    }
+}
+//# sourceMappingURL=flow-run-overlay.class.d.ts.map

package/dist/components/flow-run-overlay/flow-run-overlay.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-run-overlay.class.d.ts","sourceRoot":"","sources":["../../../src/components/flow-run-overlay/flow-run-overlay.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,OAAO,KAAK,EAAE,kBAAkB,EAAiB,MAAM,qCAAqC,CAAC;AAW7F;;;;;;;;;;;;GAYG;AACH,qBAAa,kBAAmB,SAAQ,WAAW;IACjD,MAAM,CAAC,MAAM,iCAAwC;IAEzC,GAAG,SAAM;IACW,WAAW,EAAE,kBAAkB,CAAM;IACb,WAAW,UAAS;IAChE,KAAK,SAAM;IAEd,OAAO,CAAC,QAAQ,CAAM;IAC/B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAgE;IAC1F,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClC;;8EAE0E;IAC1E,OAAO,CAAC,sBAAsB,CAAmC;IAEjE,iBAAiB,IAAI,IAAI,CAIxB;IAED,oBAAoB,IAAI,IAAI,CAM3B;IAcD,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAIlD;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAI/C;IAED,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,OAAO;IAYf,MAAM,IAAI,cAAc,CAevB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}

package/dist/components/flow-run-overlay/flow-run-overlay.class.js

@@ -0,0 +1,182 @@
+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 } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { tag } from '../../internal/prefix.js';
+import { srOnly } from '../../internal/a11y.js';
+import { Announcer } from '../../internal/announcer.js';
+import { styles } from './flow-run-overlay.styles.js';
+const ALL_STATUSES = ['pending', 'running', 'success', 'error', 'denied'];
+const DONE_STATUSES = new Set(['success', 'error', 'denied']);
+/**
+ * `<lyra-flow-run-overlay>` — execution-state presentation for a `lyra-flow-canvas`: pushes a
+ * `FlowRunDecorations` map into the resolved canvas (the canvas itself renders the node/edge paint)
+ * and renders a compact run-summary strip. Does not execute, poll, or time anything — pure pushed
+ * state; `durationMs` is host-computed.
+ *
+ * @customElement lyra-flow-run-overlay
+ * @slot - Extra host chrome appended to the strip (e.g. a cancel button or a usage badge).
+ * @csspart base - The root wrapper.
+ * @csspart summary - The "{done} of {total} steps complete" line.
+ * @csspart count - One per status present (text + tone dot, never color-only).
+ * @csspart live-region - The step-transition announcement.
+ */
+export class LyraFlowRunOverlay extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.for = '';
+        this.decorations = {};
+        this.hideSummary = false;
+        this.label = '';
+        this.liveText = '';
+        this.announcer = new Announcer({ onFlush: (text) => (this.liveText = text) });
+        /** The exact `FlowRunDecorations` object reference this element itself last wrote into the
+         *  canvas -- lets `applyDecorations()`/`disconnectedCallback()` tell "still ours" from "someone
+         *  else wrote a different value since" by identity, not deep equality. */
+        this.lastWrittenDecorations = null;
+    }
+    static { this.styles = [LyraElement.styles, styles, srOnly]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.canvasEl = this.resolveCanvas() ?? undefined;
+        this.applyDecorations();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.canvasEl && this.canvasEl.decorations === this.lastWrittenDecorations) {
+            this.canvasEl.decorations = null;
+        }
+        this.canvasEl = undefined;
+    }
+    // `announceTransitions()` runs from `willUpdate()`, not `updated()`: it force-flushes into the
+    // reactive `liveText` state, and a state write from `updated()` (after this cycle's `render()`
+    // has committed and `isUpdatePending` has been reset -- Lit's own `update()` clears it before
+    // `updated()`/`firstUpdated()` run) starts a brand-new, independently-promised update cycle
+    // rather than folding into the one in flight. A caller that does
+    // `el.prop = x; await el.updateComplete;` captures that getter's promise synchronously (before
+    // the nested cycle even exists) and so resolves before the nested cycle's `render()` commits,
+    // observing `[part="live-region"]` still showing the pre-transition text. Computing the derived
+    // `liveText` state *before* `render()` of the *same* cycle -- Lit's own documented use for
+    // `willUpdate()` -- makes the announcement visible in the exact `render()` pass `updateComplete`
+    // is already waiting on, with no extra cycle and no dev-mode "scheduled an update after an
+    // update completed" warning.
+    willUpdate(changed) {
+        if (changed.has('decorations')) {
+            this.announceTransitions(changed.get('decorations'));
+        }
+    }
+    updated(changed) {
+        if (changed.has('decorations')) {
+            this.applyDecorations();
+        }
+    }
+    resolveCanvas() {
+        if (this.for) {
+            const root = this.getRootNode();
+            const byId = root.getElementById?.(this.for);
+            if (byId && byId.tagName.toLowerCase() === tag('flow-canvas'))
+                return byId;
+        }
+        const ancestor = this.closest(tag('flow-canvas'));
+        return ancestor ?? null;
+    }
+    applyDecorations() {
+        if (!this.canvasEl)
+            return;
+        const current = this.canvasEl.decorations;
+        if (this.lastWrittenDecorations !== null && current !== null && current !== this.lastWrittenDecorations) {
+            console.warn('<lyra-flow-run-overlay> is overwriting <lyra-flow-canvas>.decorations set by something else; mixing this element with direct decorations writes is unsupported.');
+        }
+        this.canvasEl.decorations = this.decorations;
+        this.lastWrittenDecorations = this.decorations;
+    }
+    statusLabel(status) {
+        if (status === 'pending')
+            return this.localize('statusPending');
+        if (status === 'running')
+            return this.localize('statusRunning');
+        if (status === 'success')
+            return this.localize('statusSuccess');
+        if (status === 'error')
+            return this.localize('statusError');
+        return this.localize('statusDenied');
+    }
+    // The announcement interpolates `decoration.status` -- the raw lower-case status literal -- into
+    // `flowRunStepStatus` rather than `statusLabel()`'s localized, capitalized caption: the
+    // announcement's whole sentence is owned by the `flowRunStepStatus` template (a locale override
+    // replaces the sentence, status wording included). Routing the status through
+    // `localize('statusSuccess', decoration.status, ...)` would pass the raw status as a *fallback*
+    // and silently defeat any `registerLyraLocale()` override per this repo's localize() convention,
+    // so it is interpolated as a plain value instead; the visible per-status count spans in
+    // `render()` -- which still go through `statusLabel()` -- remain the localized/capitalized surface.
+    announceTransitions(previous) {
+        if (!previous)
+            return; // first assignment -- nothing to compare against, no spam on mount
+        for (const [id, decoration] of Object.entries(this.decorations)) {
+            if (previous[id]?.status === decoration.status)
+                continue;
+            const node = this.canvasEl?.nodes.find((n) => n.id === id);
+            const label = typeof node?.data?.label === 'string' ? node.data.label : id;
+            this.announcer.announce(this.localize('flowRunStepStatus', undefined, { label, status: decoration.status }), { force: true });
+        }
+    }
+    // The tally runs directly over `this.decorations` (this element's own pushed-in state, matching
+    // the class's "pure pushed state" contract) rather than filtering to node ids read fresh off
+    // `this.canvasEl.nodes` at render time. Nothing re-renders *this* element when only the
+    // *canvas's* `nodes` array changes (unlike a `registerCompanion()`-based sibling such as
+    // `lyra-flow-minimap`, which trades an extra rAF of latency for exactly that reactivity), and
+    // `<lyra-flow-run-overlay>`/`<lyra-flow-canvas>` are independent custom elements with no
+    // upgrade-ordering guarantee -- a canvas-membership filter would leave the summary permanently
+    // stuck at whatever `nodes` happened to resolve to at this element's own first render (typically
+    // `[]`, i.e. "0 of 0"), never updating again. `announceTransitions()` above still reads
+    // `canvasEl.nodes` for its node-label lookup, which is safe because that one is read live at the
+    // moment of an actual `decorations` change on *this* element (this element's own update cycle),
+    // not cached from a possibly-long-past render.
+    summary() {
+        const counts = { pending: 0, running: 0, success: 0, error: 0, denied: 0 };
+        let total = 0;
+        let done = 0;
+        for (const decoration of Object.values(this.decorations)) {
+            total++;
+            counts[decoration.status]++;
+            if (DONE_STATUSES.has(decoration.status))
+                done++;
+        }
+        return { done, total, counts };
+    }
+    render() {
+        const label = this.label || this.localize('flowRunOverlayLabel');
+        const { done, total, counts } = this.summary();
+        return html `<div part="base" role="group" aria-label=${label}>
+      ${this.hideSummary
+            ? ''
+            : html `
+            <div part="summary">${this.localize('flowRunSummary', undefined, { done, total })}</div>
+            ${ALL_STATUSES.filter((s) => counts[s] > 0).map((s) => html `<span part="count" data-status=${s}><span class="tone-dot"></span>${this.statusLabel(s)}: ${counts[s]}</span>`)}
+          `}
+      <div part="live-region" class="sr-only" role="status" aria-live="polite" aria-atomic="true">${this.liveText}</div>
+      <slot></slot>
+    </div>`;
+    }
+}
+__decorate([
+    property()
+], LyraFlowRunOverlay.prototype, "for", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraFlowRunOverlay.prototype, "decorations", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-summary' })
+], LyraFlowRunOverlay.prototype, "hideSummary", void 0);
+__decorate([
+    property()
+], LyraFlowRunOverlay.prototype, "label", void 0);
+__decorate([
+    state()
+], LyraFlowRunOverlay.prototype, "liveText", void 0);
+//# sourceMappingURL=flow-run-overlay.class.js.map

package/dist/components/flow-run-overlay/flow-run-overlay.class.js.map

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

package/dist/components/flow-run-overlay/flow-run-overlay.d.ts

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

package/dist/components/flow-run-overlay/flow-run-overlay.d.ts.map

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

package/dist/components/flow-run-overlay/flow-run-overlay.js

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

package/dist/components/flow-run-overlay/flow-run-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-run-overlay.js","sourceRoot":"","sources":["../../../src/components/flow-run-overlay/flow-run-overlay.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/components/flow-run-overlay/flow-run-overlay.styles.d.ts

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

package/dist/components/flow-run-overlay/flow-run-overlay.styles.d.ts.map

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