@octaviaflow/core 3.0.17-beta.0 → 3.0.18-beta.1

package/dist/utils/Slot.d.ts

@@ -0,0 +1,7 @@
+import { type HTMLAttributes } from "react";
+interface SlotProps extends HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+export declare const Slot: import("react").ForwardRefExoticComponent<SlotProps & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Slot.d.ts.map

package/dist/utils/Slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slot.d.ts","sourceRoot":"","sources":["../../src/utils/Slot.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAC;AAuBf,UAAU,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,mGAkBf,CAAC"}

package/dist/utils/composeRefs.d.ts

@@ -0,0 +1,7 @@
+import type { Ref, RefCallback } from "react";
+/** Compose any number of refs (callback or object) into a single ref-callback.
+ * Each underlying ref receives the node when React assigns it. Useful for the
+ * `asChild` pattern where both the forwarded ref and the child's own ref need
+ * to point at the same DOM node. */
+export declare function composeRefs<T>(...refs: Array<Ref<T> | undefined | null>): RefCallback<T>;
+//# sourceMappingURL=composeRefs.d.ts.map

package/dist/utils/composeRefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeRefs.d.ts","sourceRoot":"","sources":["../../src/utils/composeRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,GAAG,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhE;;;oCAGoC;AACpC,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAUxF"}

package/dist/utils/gradients.d.ts

@@ -0,0 +1,77 @@
+/**
+ * gradient — builder for CSS gradient strings.
+ *
+ * Pre-set variants ship as CSS variables (`--ods-gradient-running-accent`,
+ * etc.) for the common case. This helper covers everything else — custom
+ * angles, stops, and tokens — without callers having to hand-string
+ * `conic-gradient(...)` and remember the syntax.
+ *
+ * Color shorthand: a stop's `color` can be either a full CSS color
+ * (`var(--ods-accent)`, `#3b82f6`, `rgba(...)`, `transparent`) or a
+ * dash-cased v1 token slug (`"accent"`, `"status-success-bg"`). Slugs are
+ * auto-expanded to `var(--ods-<slug>)`.
+ *
+ * @example
+ * gradient.conic({
+ *   from: "0deg",
+ *   stops: [
+ *     { color: "transparent", at: "0%" },
+ *     { color: "accent",      at: "25%" },
+ *     { color: "transparent", at: "50%" },
+ *   ],
+ * });
+ * // → "conic-gradient(from 0deg, transparent 0%, var(--ods-accent) 25%, transparent 50%)"
+ */
+export type GradientStop = {
+    /** CSS color OR a v1 token slug (auto-expanded to var(--ods-<slug>)) */
+    color: string;
+    /** Optional position (e.g. "0%", "25%", "1rem"). Omit to let CSS auto-distribute. */
+    at?: string;
+};
+/**
+ * Expand a stop color. If it's already a full CSS color (var(), #hex,
+ * rgb/rgba, hsl/hsla, oklch, or a CSS-wide keyword) it passes through.
+ * If it's a dash-cased slug like "accent" or "status-success-bg", it's
+ * wrapped as `var(--ods-<slug>)`.
+ */
+export declare function expandGradientColor(value: string): string;
+export declare const gradient: {
+    /**
+     * Build a `conic-gradient(...)` string.
+     *
+     * @param opts.from  — starting angle (e.g. "0deg", "var(--my-angle)"). Optional.
+     * @param opts.at    — center position (e.g. "50% 50%", "center"). Optional.
+     * @param opts.stops — color stops, in sweep order.
+     */
+    readonly conic: (opts: {
+        from?: string;
+        at?: string;
+        stops: readonly GradientStop[];
+    }) => string;
+    /**
+     * Build a `linear-gradient(...)` string.
+     *
+     * @param opts.direction — angle or keyword (e.g. "180deg", "to right").
+     *                         Defaults to `180deg` (top → bottom) per CSS spec.
+     * @param opts.stops     — color stops, in direction order.
+     */
+    readonly linear: (opts: {
+        direction?: string;
+        stops: readonly GradientStop[];
+    }) => string;
+    /**
+     * Build a `radial-gradient(...)` string.
+     *
+     * @param opts.shape — shape + size (e.g. "circle", "ellipse 200px 100px",
+     *                     "circle at 50% 0", "closest-side"). Optional.
+     * @param opts.at    — center position (e.g. "center", "top right"). Optional.
+     *                     Note: if `shape` already encodes `at ...`, omit this.
+     * @param opts.stops — color stops, from center outward.
+     */
+    readonly radial: (opts: {
+        shape?: string;
+        at?: string;
+        stops: readonly GradientStop[];
+    }) => string;
+};
+//# sourceMappingURL=gradients.d.ts.map

package/dist/utils/gradients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/utils/gradients.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,qFAAqF;IACrF,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOzD;AASD,eAAO,MAAM,QAAQ;IACnB;;;;;;OAMG;2BACS;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAA;KAAE,KAAG,MAAM;IAQnF;;;;;;OAMG;4BACU;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAA;KAAE,KAAG,MAAM;IAK5E;;;;;;;;OAQG;4BACU;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAA;KAAE,KAAG,MAAM;CAO7E,CAAC"}

package/dist/utils/zIndex.d.ts

@@ -0,0 +1,53 @@
+/**
+ * zIndex — typed access to the v1 stacking layer scale.
+ *
+ * CSS-side, every component reaches for `var(--ods-z-modal)` etc. This
+ * map is for the JS-side cases where you need the numeric value inline
+ * (Framer Motion's `style={{ zIndex }}`, Portal layer ordering, etc.)
+ * without writing the raw `var()` string and losing the type safety.
+ *
+ * The values mirror `--ods-z-*` in @octaviaflow/tokens. A drift guard in
+ * the tokens contract suite fails if the two surfaces disagree.
+ *
+ * @example
+ *   import { zIndex } from "@octaviaflow/core";
+ *
+ *   <Portal style={{ zIndex: zIndex.modal }} />
+ *   <Toast style={{ zIndex: zIndex.toast }} />
+ */
+export declare const zIndex: {
+    /** Default page content. */
+    readonly base: 0;
+    /** One step above base — cards / chips with hover lift. */
+    readonly raised: 1;
+    /** Inline menus that overlap nearby content. */
+    readonly dropdown: 10;
+    /** Scroll-pinned page sections (sticky table headers, anchored sub-nav). */
+    readonly sticky: 20;
+    /** App-shell top bar — covers sticky content on scroll. */
+    readonly header: 30;
+    /** App-shell sidebar — its shadow covers the header edge. */
+    readonly sidebar: 40;
+    /** Modal scrim / backdrop. The dialog itself sits at `modal`. */
+    readonly overlay: 50;
+    /** Modal dialog — above its own scrim. */
+    readonly modal: 60;
+    /** Popovers and command palettes — must work above modals. */
+    readonly popover: 70;
+    /** Toast notifications — must reach the user even mid-popover. */
+    readonly toast: 80;
+    /** Tooltips — the last word, always on top. */
+    readonly tooltip: 90;
+};
+/** Names of the canonical stacking layers. */
+export type ZIndexLayer = keyof typeof zIndex;
+/**
+ * Numeric value for a named layer. Equivalent to `zIndex[layer]` — useful
+ * when the layer name is a runtime variable.
+ *
+ * @example
+ *   const layer: ZIndexLayer = userPrefersDialogStyle ? "modal" : "popover";
+ *   element.style.zIndex = String(getZIndex(layer));
+ */
+export declare function getZIndex(layer: ZIndexLayer): number;
+//# sourceMappingURL=zIndex.d.ts.map

package/dist/utils/zIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/utils/zIndex.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM;IACjB,4BAA4B;;IAE5B,2DAA2D;;IAE3D,gDAAgD;;IAEhD,4EAA4E;;IAE5E,2DAA2D;;IAE3D,6DAA6D;;IAE7D,iEAAiE;;IAEjE,0CAA0C;;IAE1C,8DAA8D;;IAE9D,kEAAkE;;IAElE,+CAA+C;;CAEvC,CAAC;AAEX,8CAA8C;AAC9C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,MAAM,CAAC;AAE9C;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAEpD"}

package/dist/workflow/components/kinds/BaseNode.d.ts

@@ -20,6 +20,12 @@ export interface BaseNodeProps {
      * field (path, url, expression). Clamps to two lines.
      */
     description?: ReactNode;
+    /**
+     * Generic right-aligned chip slot. Renders inside the info row to the
+     * right of the description (e.g. an `/v1/orders/:id` path chip next to
+     * a `GET` method `chip`). Inherits the kind accent like `chip` does.
+     */
+    valueChip?: ReactNode;
     /** Per-kind accent — paints the pill background and the chip. */
     accent?: "blue" | "violet" | "amber" | "green" | "red" | "slate";
     /** Status dot in the top-right corner (config / runtime). */
@@ -36,5 +42,5 @@ export interface BaseNodeProps {
     /** Handles + extras — positioned absolutely by the caller. */
     children?: ReactNode;
 }
-export declare function BaseNode({ kind, kindIcon, icon, title, chip, description, accent, status, onDelete, footer, className, children, }: BaseNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function BaseNode({ kind, kindIcon, icon, title, chip, description, valueChip, accent, status, onDelete, footer, className, children, }: BaseNodeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BaseNode.d.ts.map

package/dist/workflow/components/kinds/BaseNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/workflow/components/kinds/BaseNode.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAKnD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAElF,MAAM,WAAW,aAAa;IAC5B,8EAA8E;IAC9E,IAAI,EAAE,SAAS,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,CAAC;IACjE,6DAA6D;IAC7D,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC;IAChC,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAgB,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,2CA8Ef"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/workflow/components/kinds/BaseNode.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAKnD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAElF,MAAM,WAAW,aAAa;IAC5B,8EAA8E;IAC9E,IAAI,EAAE,SAAS,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,CAAC;IACjE,6DAA6D;IAC7D,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC;IAChC,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,MAAgB,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,2CAiFf"}

package/dist/workflow/components/kinds/index.d.ts

@@ -17,6 +17,12 @@ export interface BuiltInNodeData {
     /** Description / config value — the most-relevant config field (path,
      *  url, expression). Clamped to two lines in the body. */
     description?: import("react").ReactNode;
+    /**
+     * Generic right-aligned chip slot — used when a node has a secondary
+     * config value to surface (e.g. the path `/v1/orders/:id` next to an
+     * HTTP `GET` method chip). Inherits the kind accent.
+     */
+    valueChip?: import("react").ReactNode;
     /** Legacy alias for `description` — older fixtures still pass this. */
     subtitle?: import("react").ReactNode;
     /** Legacy alias for `chip` — older fixtures still pass this. */

package/dist/workflow/components/kinds/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/workflow/components/kinds/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAiB,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhG,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAI3D,MAAM,WAAW,eAAe;IAC9B;;yEAEqE;IACrE,IAAI,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACjC,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACjC;8DAC0D;IAC1D,WAAW,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACxC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACrC,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IAClC,uEAAuE;IACvE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IAEjC,QAAQ,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;4EACwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAKD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAkBzD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,eAAe,CAiB1D,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,eAAe,CAgC5D,CAAC;AAcF,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAwDxD,CAAC;AAcF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,eAAe,CAgE1D,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAiBzD,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAkBxD,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,eAAe,CAoBvD,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,eAAe,CAgC3D,CAAC;AAMF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAgBzD,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,eAAe,CAiB1D,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,eAAe,CAkB9D,CAAC;AAKF,eAAO,MAAM,kBAAkB,EAAE,gBAahC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/workflow/components/kinds/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAiB,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhG,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAI3D,MAAM,WAAW,eAAe;IAC9B;;yEAEqE;IACrE,IAAI,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACjC,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACjC;8DAC0D;IAC1D,WAAW,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACxC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACtC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACrC,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IAClC,uEAAuE;IACvE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IAEjC,QAAQ,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;4EACwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAKD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAmBzD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,eAAe,CAkB1D,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,eAAe,CAiC5D,CAAC;AAcF,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAwDxD,CAAC;AAcF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,eAAe,CAgE1D,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAiBzD,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAkBxD,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,eAAe,CAoBvD,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,eAAe,CAgC3D,CAAC;AAMF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAgBzD,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,eAAe,CAkB1D,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,eAAe,CAmB9D,CAAC;AAKF,eAAO,MAAM,kBAAkB,EAAE,gBAahC,CAAC"}

package/dist/workflow.cjs

@@ -1802,6 +1802,7 @@ function BaseNode({
   title,
   chip,
   description,
+  valueChip,
   accent = "green",
   status,
   onDelete,
@@ -1838,9 +1839,10 @@ function BaseNode({
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ods-flow-base-node__bubble", "aria-hidden": "true", children: icon }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ods-flow-base-node__content-text", children: [
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ods-flow-base-node__content-title", children: title }),
-              (chip !== void 0 || description !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ods-flow-base-node__content-info", children: [
+              (chip !== void 0 || description !== void 0 || valueChip !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ods-flow-base-node__content-info", children: [
                 chip !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ods-flow-base-node__chip", children: chip }),
-                description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ods-flow-base-node__description", children: description })
+                description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ods-flow-base-node__description", children: description }),
+                valueChip !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ods-flow-base-node__value-chip", children: valueChip })
               ] })
             ] })
           ] }),
@@ -1881,6 +1883,7 @@ var ActionNode = ({
       title: d.title ?? "Action",
       chip: d.chip ?? d.badge,
       description: d.description ?? d.subtitle,
+      valueChip: d.valueChip,
       status: d.status,
       accent: "green",
       children: [
@@ -1902,6 +1905,7 @@ var TriggerNode = ({
       title: d.title ?? "Trigger",
       chip: d.chip,
       description: d.description ?? "Manually triggered",
+      valueChip: d.valueChip,
       status: d.status,
       accent: "green",
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Handle, { type: "source", position: "bottom" })
@@ -1924,6 +1928,7 @@ var ConditionNode = ({
       title: d.title ?? "Condition",
       chip: d.chip ?? d.badge,
       description: d.description ?? d.subtitle,
+      valueChip: d.valueChip,
       status: d.status,
       accent: "amber",
       children: [
@@ -2179,6 +2184,7 @@ var WebhookNode = ({
       title: d.title ?? "Webhook",
       chip: d.chip ?? d.method ?? "POST",
       description: d.description ?? d.path ?? "/hooks/incoming",
+      valueChip: d.valueChip,
       status: d.status,
       accent: "blue",
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Handle, { type: "source", position: "bottom" })
@@ -2197,6 +2203,7 @@ var HttpRequestNode = ({
       title: d.title ?? "HTTP Request",
       chip: d.chip ?? d.method ?? "GET",
       description: d.description ?? d.url ?? "Call an API",
+      valueChip: d.valueChip,
       status: d.status,
       accent: "blue",
       children: [