@aceshooting/lyra-ui 4.2.0 → 5.1.0

package/dist/components/data/flow-minimap/flow-minimap.class.js

@@ -0,0 +1,291 @@
+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, svg, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { tag } from '../../../internal/prefix.js';
+import { styles } from './flow-minimap.styles.js';
+/**
+ * `<lr-flow-minimap>` — a corner overview map of a `lr-flow-canvas`: scaled node rectangles plus
+ * a draggable viewport rectangle, for orientation and fast navigation on canvases larger than the
+ * screen. Draws no edges (nodes only, matching the React Flow/n8n minimap convention) and never
+ * reads `nodes` itself — geometry always comes from the canvas's `registerCompanion()` snapshots, so
+ * the two can never disagree.
+ *
+ * @customElement lr-flow-minimap
+ * @csspart base - The root wrapper.
+ * @csspart map - The scaled SVG.
+ * @csspart node - One rect per node.
+ * @csspart viewport - The draggable, focusable view rectangle.
+ * @cssprop [--lr-flow-minimap-inline-size=var(--lr-size-12rem)] - Map inline size.
+ * @cssprop [--lr-flow-minimap-block-size=var(--lr-size-8rem)] - Map block size.
+ */
+export class LyraFlowMinimap extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Id of the target `lr-flow-canvas`. When empty, the nearest ancestor is used (the
+         *  slotted-into-a-corner-slot case, the primary wiring). */
+        this.for = '';
+        /** Accessible name for the map region; falls back to a host `aria-label`, then `flowMinimapLabel`. */
+        this.label = '';
+        this.snapshot = null;
+        /** Set once an in-progress viewport drag actually moves. A completed pointer drag makes the
+         *  browser synthesize a `click` on the captured element afterward, which bubbles up into the
+         *  map's own `@click` (click-to-center) handler -- without this, releasing the viewport rect
+         *  after dragging it re-centers the map on the release point, undoing the drag. Consumed (reset
+         *  to `false`) the next time `onMapClick` runs, so a genuine click on the map still centers it. */
+        this.justDraggedViewport = false;
+        this.onMapClick = (e) => {
+            if (this.justDraggedViewport) {
+                this.justDraggedViewport = false;
+                return;
+            }
+            if (!this.canvasEl || !this.snapshot)
+                return;
+            const point = this.clientToContentPoint(e.currentTarget, e.clientX, e.clientY);
+            const { zoom, width, height } = this.snapshot.viewport;
+            this.canvasEl.setViewport({ x: width / 2 - point.x * zoom, y: height / 2 - point.y * zoom, zoom });
+        };
+        this.onMapWheel = (e) => {
+            if (!this.canvasEl)
+                return;
+            e.preventDefault();
+            if (e.deltaY < 0)
+                this.canvasEl.zoomIn();
+            else
+                this.canvasEl.zoomOut();
+        };
+        this.onViewportPointerDown = (e) => {
+            if (!this.canvasEl || !this.snapshot)
+                return;
+            e.stopPropagation();
+            this.dragState = { pointerId: e.pointerId, startClientX: e.clientX, startClientY: e.clientY, startViewport: { ...this.snapshot.viewport } };
+            e.target.setPointerCapture?.(e.pointerId);
+            window.addEventListener('pointermove', this.onViewportPointerMove);
+            window.addEventListener('pointerup', this.onViewportPointerUp);
+            // A touch scroll takeover can fire `pointercancel` (never `pointerup`), and losing capture
+            // (e.g. element removed) fires `lostpointercapture` -- both need the same teardown as
+            // pointerup or the drag listeners outlive the gesture.
+            window.addEventListener('pointercancel', this.onViewportPointerUp);
+            window.addEventListener('lostpointercapture', this.onViewportPointerUp);
+        };
+        this.onViewportPointerMove = (e) => {
+            const drag = this.dragState;
+            if (!drag || e.pointerId !== drag.pointerId || !this.canvasEl)
+                return;
+            this.justDraggedViewport = true;
+            const svgEl = this.renderRoot.querySelector('[part="map"]');
+            const ctm = svgEl?.getScreenCTM();
+            if (!ctm)
+                return;
+            const scale = ctm.a || 1; // uniform scale (no skew with preserveAspectRatio="xMidYMid meet")
+            const dxContent = (e.clientX - drag.startClientX) / scale;
+            const dyContent = (e.clientY - drag.startClientY) / scale;
+            this.canvasEl.setViewport({
+                x: drag.startViewport.x - dxContent * drag.startViewport.zoom,
+                y: drag.startViewport.y - dyContent * drag.startViewport.zoom,
+                zoom: drag.startViewport.zoom,
+            });
+        };
+        this.onViewportPointerUp = (e) => {
+            if (!this.dragState || e.pointerId !== this.dragState.pointerId)
+                return;
+            this.dragState = undefined;
+            window.removeEventListener('pointermove', this.onViewportPointerMove);
+            window.removeEventListener('pointerup', this.onViewportPointerUp);
+            window.removeEventListener('pointercancel', this.onViewportPointerUp);
+            window.removeEventListener('lostpointercapture', this.onViewportPointerUp);
+        };
+        this.onViewportKeyDown = (e) => {
+            if (!this.canvasEl || !this.snapshot)
+                return;
+            if (e.key === '+' || e.key === '=') {
+                e.preventDefault();
+                this.canvasEl.zoomIn();
+                return;
+            }
+            if (e.key === '-' || e.key === '_') {
+                e.preventDefault();
+                this.canvasEl.zoomOut();
+                return;
+            }
+            if (e.key === 'Enter' || e.key === 'Home') {
+                e.preventDefault();
+                this.canvasEl.fit();
+                return;
+            }
+            const { x, y, zoom, width, height } = this.snapshot.viewport;
+            const stepX = width * 0.1;
+            const stepY = height * 0.1;
+            // policy-allow(rtl-arrow-keys): pans a 2-D spatial viewport in canvas coordinates; x always
+            // increases toward the physical right regardless of text direction, so the arrows stay physical.
+            if (e.key === 'ArrowRight') {
+                e.preventDefault();
+                this.canvasEl.setViewport({ x: x - stepX, y, zoom });
+            }
+            else if (e.key === 'ArrowLeft') {
+                e.preventDefault();
+                this.canvasEl.setViewport({ x: x + stepX, y, zoom });
+            }
+            else if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                this.canvasEl.setViewport({ x, y: y - stepY, zoom });
+            }
+            else if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                this.canvasEl.setViewport({ x, y: y + stepY, zoom });
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.resolveAndAttach();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+        this.canvasEl = undefined;
+        this.canvasWatcher?.disconnect();
+        this.canvasWatcher = undefined;
+        // If the element is removed mid-drag, nothing else ever detaches the window-level drag
+        // listeners, so they are removed unconditionally here.
+        this.dragState = undefined;
+        window.removeEventListener('pointermove', this.onViewportPointerMove);
+        window.removeEventListener('pointerup', this.onViewportPointerUp);
+        window.removeEventListener('pointercancel', this.onViewportPointerUp);
+        window.removeEventListener('lostpointercapture', this.onViewportPointerUp);
+    }
+    // Guarded by `hasUpdated` -- `connectedCallback()` already ran the initial `resolveAndAttach()`
+    // before the first render, so only a genuine runtime `for` change (never the first update, where
+    // `for` always appears in `changed` alongside every other reactive property) should redo it.
+    // Runs from `willUpdate()`, not `updated()`, so `snapshot`'s reset lands in the render this same
+    // cycle produces instead of synchronously scheduling a second cycle from within `updated()`.
+    willUpdate(changed) {
+        if (this.hasUpdated && changed.has('for')) {
+            this.unsubscribe?.();
+            this.unsubscribe = undefined;
+            this.canvasWatcher?.disconnect();
+            this.canvasWatcher = undefined;
+            this.canvasEl = undefined;
+            this.snapshot = null;
+            this.resolveAndAttach();
+        }
+    }
+    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;
+    }
+    resolveAndAttach() {
+        const canvas = this.resolveCanvas();
+        if (!canvas) {
+            this.watchForCanvas();
+            return;
+        }
+        this.canvasWatcher?.disconnect();
+        this.canvasWatcher = undefined;
+        this.canvasEl = canvas;
+        this.unsubscribe = canvas.registerCompanion((snapshot) => {
+            this.snapshot = snapshot;
+        });
+    }
+    watchForCanvas() {
+        if (this.canvasWatcher)
+            return;
+        const root = this.getRootNode();
+        this.canvasWatcher = new MutationObserver(() => this.resolveAndAttach());
+        this.canvasWatcher.observe(root, { childList: true, subtree: true });
+    }
+    contentBounds() {
+        const nodes = this.snapshot?.nodes ?? [];
+        if (nodes.length === 0)
+            return { minX: 0, minY: 0, maxX: 1, maxY: 1 };
+        let minX = Infinity;
+        let minY = Infinity;
+        let maxX = -Infinity;
+        let maxY = -Infinity;
+        for (const n of nodes) {
+            minX = Math.min(minX, n.x);
+            minY = Math.min(minY, n.y);
+            maxX = Math.max(maxX, n.x + n.width);
+            maxY = Math.max(maxY, n.y + n.height);
+        }
+        return { minX, minY, maxX, maxY };
+    }
+    viewportRectContent() {
+        const vp = this.snapshot?.viewport;
+        if (!vp || vp.zoom === 0)
+            return { x: 0, y: 0, width: 0, height: 0 };
+        return { x: -vp.x / vp.zoom, y: -vp.y / vp.zoom, width: vp.width / vp.zoom, height: vp.height / vp.zoom };
+    }
+    clientToContentPoint(svgEl, clientX, clientY) {
+        const ctm = svgEl.getScreenCTM();
+        if (!ctm)
+            return { x: 0, y: 0 };
+        const pt = svgEl.createSVGPoint();
+        pt.x = clientX;
+        pt.y = clientY;
+        const transformed = pt.matrixTransform(ctm.inverse());
+        return { x: transformed.x, y: transformed.y };
+    }
+    renderNodes() {
+        return svg `${(this.snapshot?.nodes ?? []).map((n) => svg `<rect part="node" data-status=${n.status ?? nothing} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx="2"></rect>`)}`;
+    }
+    render() {
+        const label = this.label || this.getAttribute('aria-label') || this.localize('flowMinimapLabel');
+        if (!this.canvasEl || !this.snapshot) {
+            return html `<div part="base" aria-hidden="true"></div>`;
+        }
+        const bounds = this.contentBounds();
+        const padding = 20;
+        const vbX = bounds.minX - padding;
+        const vbY = bounds.minY - padding;
+        const vbW = Math.max(1, bounds.maxX - bounds.minX + padding * 2);
+        const vbH = Math.max(1, bounds.maxY - bounds.minY + padding * 2);
+        const viewportRect = this.viewportRectContent();
+        return html `<div part="base" role="region" aria-label=${label}>
+      <svg
+        part="map"
+        viewBox="${vbX} ${vbY} ${vbW} ${vbH}"
+        preserveAspectRatio="xMidYMid meet"
+        @click=${this.onMapClick}
+        @wheel=${this.onMapWheel}
+      >
+        ${this.renderNodes()}
+        <rect
+          part="viewport"
+          role="button"
+          tabindex="0"
+          aria-label=${this.localize('flowMinimapViewport')}
+          x=${viewportRect.x}
+          y=${viewportRect.y}
+          width=${viewportRect.width}
+          height=${viewportRect.height}
+          @pointerdown=${this.onViewportPointerDown}
+          @keydown=${this.onViewportKeyDown}
+        ></rect>
+      </svg>
+    </div>`;
+    }
+}
+__decorate([
+    property()
+], LyraFlowMinimap.prototype, "for", void 0);
+__decorate([
+    property()
+], LyraFlowMinimap.prototype, "label", void 0);
+__decorate([
+    state()
+], LyraFlowMinimap.prototype, "snapshot", void 0);
+//# sourceMappingURL=flow-minimap.class.js.map

package/dist/components/data/flow-minimap/flow-minimap.class.js.map

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

package/dist/components/data/flow-minimap/flow-minimap.d.ts.map

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

package/dist/components/data/flow-minimap/flow-minimap.js

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

package/dist/components/data/flow-minimap/flow-minimap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-minimap.js","sourceRoot":"","sources":["../../../../src/components/data/flow-minimap/flow-minimap.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC"}

package/dist/components/data/flow-minimap/flow-minimap.styles.d.ts.map

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

package/dist/components/data/flow-minimap/flow-minimap.styles.js.map

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

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

@@ -0,0 +1,70 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import type { FlowHandle, FlowRunStatus } from '../flow-canvas/flow-canvas.class.js';
+/**
+ * `<lr-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
+ * `lr-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
+ * `lr-flow-canvas` events; this component owns none of that.
+ *
+ * @customElement lr-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 [--lr-flow-node-min-inline-size=calc(var(--lr-size-10rem) + var(--lr-size-1rem))] - Minimum card inline size.
+ */
+export declare class LyraFlowNode extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    nodeId: string;
+    heading: string;
+    status: FlowRunStatus | null;
+    progress: number | null;
+    statusDetail: string;
+    durationMs: number | null;
+    selected: boolean;
+    inputs: FlowHandle[];
+    outputs: FlowHandle[];
+    /** 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"`. */
+    orientation: 'horizontal' | 'vertical';
+    private hasHeaderSlot;
+    protected willUpdate(changed: PropertyValues): void;
+    private onHeaderSlotChange;
+    /** `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. */
+    private get safeProgress();
+    /** `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. */
+    private get safeDurationMs();
+    private statusLabel;
+    private handleTemplate;
+    render(): TemplateResult;
+    private formattedDuration;
+    private statusText;
+    private get pulsesRing();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-flow-node': LyraFlowNode;
+    }
+}
+//# sourceMappingURL=flow-node.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow-node.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/flow-node/flow-node.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAQrF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,YAAa,SAAQ,WAAW;IAC3C,MAAM,CAAC,MAAM,iCAAgC;IAET,MAAM,SAAM;IACpC,OAAO,SAAM;IACI,MAAM,EAAE,aAAa,GAAG,IAAI,CAAQ;IACrC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjB,YAAY,SAAM;IACN,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC3C,QAAQ,UAAS;IAC7B,MAAM,EAAE,UAAU,EAAE,CAAkB;IACtC,OAAO,EAAE,UAAU,EAAE,CAAmB;IACxE;qFACiF;IACpD,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAE1E,OAAO,CAAC,aAAa,CAAS;IAEvC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAKlD;IAED,OAAO,CAAC,kBAAkB,CAExB;IAEF;;;;;6EAKyE;IACzE,OAAO,KAAK,YAAY,GAEvB;IAED;;;2FAGuF;IACvF,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,cAAc;IAYtB,MAAM,IAAI,cAAc,CAyBvB;IAED,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,UAAU;IAOlB,OAAO,KAAK,UAAU,GAErB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,YAAY,CAAC;KAC9B;CACF"}

package/dist/components/data/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' }];
+/**
+ * `<lr-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
+ * `lr-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
+ * `lr-flow-canvas` events; this component owns none of that.
+ *
+ * @customElement lr-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 [--lr-flow-node-min-inline-size=calc(var(--lr-size-10rem) + var(--lr-size-1rem))] - 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/data/flow-node/flow-node.class.js.map

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

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

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

package/dist/components/data/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/data/flow-node/flow-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-node.js","sourceRoot":"","sources":["../../../../src/components/data/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,6BAA6B,CAAC;AAC5D,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC"}

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

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

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

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