@oomol-lab/open-flow 0.1.0-alpha.6 → 0.1.0-alpha.7

package/dist/browser/{field-CIrv7Rez.js → field-CKGQHCIi.js}

@@ -1,4 +1,4 @@
-import { En as e, F as t, Mt as n, Nt as r, O as i, Yn as a, _r as o, ar as s, er as c, k as l, kr as u, mr as d, nt as f, tr as p, vr as m } from "./createLucideIcon-ggJB9CTC.js";
+import { Dt as e, F as t, Gn as n, Kn as r, O as i, Ot as a, Vn as o, Xn as s, ar as c, br as l, cr as u, k as d, lr as f, nt as p, xn as m } from "./createLucideIcon-CqjqCezK.js";
 import * as h from "react";
 import { useMemo as g } from "react";
 import { jsx as _ } from "react/jsx-runtime";
@@ -16,7 +16,7 @@ function v(e, t) {
 	}, [t, e]);
 }
 function y(e, t, n, r) {
-	let i = n.useState("isMountedByTrigger", e), a = v(e, n), s = o((t) => {
+	let i = n.useState("isMountedByTrigger", e), a = v(e, n), o = u((t) => {
 		if (a(t), !t || !n.select("open")) return;
 		let i = n.select("activeTriggerId");
 		if (i === e) {
@@ -32,7 +32,7 @@ function y(e, t, n, r) {
 			...r
 		});
 	});
-	return d(() => {
+	return c(() => {
 		i && n.update({
 			activeTriggerElement: t.current,
 			...r
@@ -43,13 +43,13 @@ function y(e, t, n, r) {
 		t,
 		...Object.values(r)
 	]), {
-		registerTrigger: s,
+		registerTrigger: o,
 		isMountedByThisTrigger: i
 	};
 }
 function b(e) {
 	let t = e.useState("open");
-	d(() => {
+	c(() => {
 		if (t && !e.select("activeTriggerId") && e.context.triggerElements.size === 1) {
 			let t = e.context.triggerElements.entries().next();
 			if (!t.done) {
@@ -62,35 +62,35 @@ function b(e) {
 		}
 	}, [t, e]);
 }
-function x(e, t, i) {
-	let { mounted: a, setMounted: s, transitionStatus: c } = n(e);
-	t.useSyncedValues({
-		mounted: a,
-		transitionStatus: c
+function x(t, n, r) {
+	let { mounted: i, setMounted: o, transitionStatus: s } = e(t);
+	n.useSyncedValues({
+		mounted: i,
+		transitionStatus: s
 	});
-	let l = o(() => {
-		s(!1), t.update({
+	let c = u(() => {
+		o(!1), n.update({
 			activeTriggerId: null,
 			activeTriggerElement: null,
 			mounted: !1
-		}), i?.(), t.context.onOpenChangeComplete?.(!1);
-	}), u = t.useState("preventUnmountingOnClose");
-	return r({
-		enabled: !u,
-		open: e,
-		ref: t.context.popupRef,
+		}), r?.(), n.context.onOpenChangeComplete?.(!1);
+	}), l = n.useState("preventUnmountingOnClose");
+	return a({
+		enabled: !l,
+		open: t,
+		ref: n.context.popupRef,
 		onComplete() {
-			e || l();
+			t || c();
 		}
 	}), {
-		forceUnmount: l,
-		transitionStatus: c
+		forceUnmount: c,
+		transitionStatus: s
 	};
 }
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/floating-ui-react/utils/getEmptyRootContext.js
 function S() {
-	return new l({
+	return new d({
 		open: !1,
 		transitionStatus: void 0,
 		floatingElement: null,
@@ -123,50 +123,50 @@ function C() {
 		popupProps: s
 	};
 }
-var w = f((e) => e.triggerIdProp ?? e.activeTriggerId), T = {
-	open: f((e) => e.openProp ?? e.open),
-	mounted: f((e) => e.mounted),
-	transitionStatus: f((e) => e.transitionStatus),
-	floatingRootContext: f((e) => e.floatingRootContext),
-	preventUnmountingOnClose: f((e) => e.preventUnmountingOnClose),
-	payload: f((e) => e.payload),
+var w = p((e) => e.triggerIdProp ?? e.activeTriggerId), T = {
+	open: p((e) => e.openProp ?? e.open),
+	mounted: p((e) => e.mounted),
+	transitionStatus: p((e) => e.transitionStatus),
+	floatingRootContext: p((e) => e.floatingRootContext),
+	preventUnmountingOnClose: p((e) => e.preventUnmountingOnClose),
+	payload: p((e) => e.payload),
 	activeTriggerId: w,
-	activeTriggerElement: f((e) => e.mounted ? e.activeTriggerElement : null),
-	isTriggerActive: f((e, t) => t !== void 0 && w(e) === t),
-	isOpenedByTrigger: f((e, t) => t !== void 0 && w(e) === t && e.open),
-	isMountedByTrigger: f((e, t) => t !== void 0 && w(e) === t && e.mounted),
-	triggerProps: f((e, t) => t ? e.activeTriggerProps : e.inactiveTriggerProps),
-	popupProps: f((e) => e.popupProps),
-	popupElement: f((e) => e.popupElement),
-	positionerElement: f((e) => e.positionerElement)
+	activeTriggerElement: p((e) => e.mounted ? e.activeTriggerElement : null),
+	isTriggerActive: p((e, t) => t !== void 0 && w(e) === t),
+	isOpenedByTrigger: p((e, t) => t !== void 0 && w(e) === t && e.open),
+	isMountedByTrigger: p((e, t) => t !== void 0 && w(e) === t && e.mounted),
+	triggerProps: p((e, t) => t ? e.activeTriggerProps : e.inactiveTriggerProps),
+	popupProps: p((e) => e.popupProps),
+	popupElement: p((e) => e.popupElement),
+	positionerElement: p((e) => e.positionerElement)
 };
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useSyncedFloatingRootContext.js
 function E(e) {
-	let { popupStore: n, treatPopupAsFloatingElement: r = !1, onOpenChange: i } = e, o = a(), s = t() != null, c = n.useState("open"), f = n.useState("activeTriggerElement"), p = n.useState(r ? "popupElement" : "positionerElement"), h = n.context.triggerElements, g = m(() => new l({
-		open: c,
+	let { popupStore: n, treatPopupAsFloatingElement: r = !1, onOpenChange: i } = e, a = o(), s = t() != null, u = n.useState("open"), p = n.useState("activeTriggerElement"), m = n.useState(r ? "popupElement" : "positionerElement"), h = n.context.triggerElements, g = f(() => new d({
+		open: u,
 		transitionStatus: void 0,
-		referenceElement: f,
-		floatingElement: p,
+		referenceElement: p,
+		floatingElement: m,
 		triggerElements: h,
 		onOpenChange: i,
-		floatingId: o,
+		floatingId: a,
 		syncOnly: !0,
 		nested: s
 	})).current;
-	return d(() => {
+	return c(() => {
 		let e = {
-			open: c,
-			floatingId: o,
-			referenceElement: f,
-			floatingElement: p
+			open: u,
+			floatingId: a,
+			referenceElement: p,
+			floatingElement: m
 		};
-		u(f) && (e.domReferenceElement = f), g.state.positionReference === g.state.referenceElement && (e.positionReference = f), g.update(e);
+		l(p) && (e.domReferenceElement = p), g.state.positionReference === g.state.referenceElement && (e.positionReference = p), g.update(e);
 	}, [
-		c,
-		o,
-		f,
+		u,
+		a,
 		p,
+		m,
 		g
 	]), g.context.onOpenChange = i, g.context.nested = s, g;
 }
@@ -177,50 +177,50 @@ var D = /* @__PURE__ */ new Map([
 	["combobox", "listbox"],
 	["label", !1]
 ]);
-function O(n, r = {}) {
-	let i = "rootStore" in n ? n.rootStore : n, o = i.useState("open"), c = i.useState("floatingId"), l = i.useState("domReferenceElement"), u = i.useState("floatingElement"), { role: d = "dialog" } = r, f = a(), p = l?.id || f, m = h.useMemo(() => e(u)?.id || c, [u, c]), g = D.get(d) ?? d, _ = t() != null, v = h.useMemo(() => g === "tooltip" || d === "label" ? s : {
+function O(e, n = {}) {
+	let r = "rootStore" in e ? e.rootStore : e, i = r.useState("open"), a = r.useState("floatingId"), c = r.useState("domReferenceElement"), l = r.useState("floatingElement"), { role: u = "dialog" } = n, d = o(), f = c?.id || d, p = h.useMemo(() => m(l)?.id || a, [l, a]), g = D.get(u) ?? u, _ = t() != null, v = h.useMemo(() => g === "tooltip" || u === "label" ? s : {
 		"aria-haspopup": g === "alertdialog" ? "dialog" : g,
 		"aria-expanded": "false",
 		...g === "listbox" && { role: "combobox" },
 		...g === "menu" && _ && { role: "menuitem" },
-		...d === "select" && { "aria-autocomplete": "none" },
-		...d === "combobox" && { "aria-autocomplete": "list" }
+		...u === "select" && { "aria-autocomplete": "none" },
+		...u === "combobox" && { "aria-autocomplete": "list" }
 	}, [
 		g,
 		_,
-		d
-	]), y = h.useMemo(() => g === "tooltip" || d === "label" ? { [`aria-${d === "label" ? "labelledby" : "describedby"}`]: o ? m : void 0 } : {
+		u
+	]), y = h.useMemo(() => g === "tooltip" || u === "label" ? { [`aria-${u === "label" ? "labelledby" : "describedby"}`]: i ? p : void 0 } : {
 		...v,
-		"aria-expanded": o ? "true" : "false",
-		"aria-controls": o ? m : void 0,
-		...g === "menu" && { id: p }
+		"aria-expanded": i ? "true" : "false",
+		"aria-controls": i ? p : void 0,
+		...g === "menu" && { id: f }
 	}, [
 		g,
-		m,
-		o,
 		p,
-		d,
+		i,
+		f,
+		u,
 		v
 	]), b = h.useMemo(() => {
 		let e = {
-			id: m,
+			id: p,
 			...g && { role: g }
 		};
-		return g === "tooltip" || d === "label" ? e : {
+		return g === "tooltip" || u === "label" ? e : {
 			...e,
-			...g === "menu" && { "aria-labelledby": p }
+			...g === "menu" && { "aria-labelledby": f }
 		};
 	}, [
 		g,
-		m,
 		p,
-		d
+		f,
+		u
 	]), x = h.useCallback(({ active: e, selected: t }) => {
 		let n = {
 			role: "option",
-			...e && { id: `${m}-fui-option` }
+			...e && { id: `${p}-fui-option` }
 		};
-		switch (d) {
+		switch (u) {
 			case "select":
 			case "combobox": return {
 				...n,
@@ -228,7 +228,7 @@ function O(n, r = {}) {
 			};
 		}
 		return {};
-	}, [m, d]);
+	}, [p, u]);
 	return h.useMemo(() => ({
 		reference: y,
 		floating: b,
@@ -246,7 +246,7 @@ function O(n, r = {}) {
 function k({ className: e, ...t }) {
 	return /* @__PURE__ */ _("label", {
 		"data-slot": "label",
-		className: c("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e),
+		className: n("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e),
 		...t
 	});
 }
@@ -255,11 +255,11 @@ function k({ className: e, ...t }) {
 function A({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		"data-slot": "field-group",
-		className: c("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", e),
+		className: n("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", e),
 		...t
 	});
 }
-var j = p("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
+var j = r("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
 	variants: { orientation: {
 		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
 		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
@@ -267,45 +267,45 @@ var j = p("group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
 	} },
 	defaultVariants: { orientation: "vertical" }
 });
-function M({ className: e, orientation: t = "vertical", ...n }) {
+function M({ className: e, orientation: t = "vertical", ...r }) {
 	return /* @__PURE__ */ _("div", {
 		role: "group",
 		"data-slot": "field",
 		"data-orientation": t,
-		className: c(j({ orientation: t }), e),
-		...n
+		className: n(j({ orientation: t }), e),
+		...r
 	});
 }
 function N({ className: e, ...t }) {
 	return /* @__PURE__ */ _(k, {
 		"data-slot": "field-label",
-		className: c("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", e),
+		className: n("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", e),
 		...t
 	});
 }
 function P({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		"data-slot": "field-description",
-		className: c("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", e),
+		className: n("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", e),
 		...t
 	});
 }
-function F({ className: e, children: t, errors: n, ...r }) {
-	let i = g(() => {
+function F({ className: e, children: t, errors: r, ...i }) {
+	let a = g(() => {
 		if (t) return t;
-		if (!n?.length) return null;
-		let e = [...new Map(n.map((e) => [e?.message, e])).values()];
+		if (!r?.length) return null;
+		let e = [...new Map(r.map((e) => [e?.message, e])).values()];
 		return e?.length == 1 ? e[0]?.message : /* @__PURE__ */ _("ul", {
 			className: "ml-4 flex list-disc flex-col gap-1",
 			children: e.map((e, t) => e?.message && /* @__PURE__ */ _("li", { children: e.message }, t))
 		});
-	}, [t, n]);
-	return i ? /* @__PURE__ */ _("div", {
+	}, [t, r]);
+	return a ? /* @__PURE__ */ _("div", {
 		role: "alert",
 		"data-slot": "field-error",
-		className: c("text-sm font-normal text-destructive", e),
-		...r,
-		children: i
+		className: n("text-sm font-normal text-destructive", e),
+		...i,
+		children: a
 	}) : null;
 }
 //#endregion

package/dist/browser/flow-authoring.js

@@ -67,15 +67,17 @@ function o(e, t, n, r = {
 	imports: [],
 	source: "export default function run(input) {\n  return { result: input.value }\n}\n"
 }, i = {
-	inputs: { value: {
+	inputs: [{
+		handle: "value",
 		jsonSchema: {},
 		nullable: !0,
 		value: null
-	} },
-	outputs: { result: {
+	}],
+	outputs: [{
+		handle: "result",
 		jsonSchema: {},
 		nullable: !0
-	} }
+	}]
 }) {
 	return [{
 		kind: "module.create",
@@ -127,8 +129,9 @@ function c(e, t, n, r, i, a = {}) {
 			kind: "llm",
 			mode: r
 		},
-		inputs: {
-			messages: {
+		inputs: [
+			{
+				handle: "messages",
 				jsonSchema: {
 					items: { type: "object" },
 					type: "array"
@@ -136,12 +139,14 @@ function c(e, t, n, r, i, a = {}) {
 				nullable: !0,
 				value: x(o, "messages", null)
 			},
-			input: {
+			{
+				handle: "input",
 				jsonSchema: { type: "string" },
 				nullable: !1,
 				value: x(o, "input", "Alex")
 			},
-			template: {
+			{
+				handle: "template",
 				jsonSchema: {
 					items: { type: "object" },
 					minItems: 1,
@@ -153,18 +158,21 @@ function c(e, t, n, r, i, a = {}) {
 					role: "user"
 				}])
 			},
-			model: {
+			{
+				handle: "model",
 				jsonSchema: { type: "object" },
 				nullable: !1,
 				value: x(o, "model", { model: "deepseek-v4-flash" })
 			}
-		},
+		],
 		name: n,
-		outputs: { output: a.output ?? {
-			description: i,
-			jsonSchema: r == "chat" ? { type: "string" } : {},
-			nullable: !1
-		} }
+		outputs: [{
+			...a.output,
+			description: a.output?.description ?? i,
+			handle: "output",
+			jsonSchema: a.output?.jsonSchema ?? (r == "chat" ? { type: "string" } : {}),
+			nullable: a.output?.nullable ?? !1
+		}]
 	});
 }
 function l(e, t, n) {
@@ -206,11 +214,12 @@ function u(e, t, n) {
 			inputs: {},
 			kind: "value",
 			name: n,
-			values: { value: {
+			values: [{
+				handle: "value",
 				jsonSchema: {},
 				nullable: !0,
 				value: null
-			} }
+			}]
 		},
 		nodeId: t,
 		target: e
@@ -323,6 +332,7 @@ function _(e, t, n, r) {
 	if (i == null) return;
 	let a = {
 		...r.description == null ? {} : { description: r.description },
+		icon: i.icon,
 		name: r.name
 	}, o;
 	switch (r.kind) {
@@ -381,9 +391,9 @@ function y(e, t) {
 	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
 }
 function b(e) {
-	return Object.fromEntries(Object.entries(e).flatMap(([e, t]) => Object.hasOwn(t, "value") ? [[e, {
+	return Object.fromEntries(e.flatMap((e) => Object.hasOwn(e, "value") ? [[e.handle, {
 		kind: "value",
-		value: t.value
+		value: e.value
 	}]] : []));
 }
 function x(e, t, n) {

package/dist/browser/flow-change.d.ts

@@ -12,6 +12,13 @@ export interface PortDefinition {
 export interface InputPortDefinition extends PortDefinition {
     readonly value?: JsonValue;
 }
+export interface Port extends PortDefinition {
+    readonly handle: string;
+}
+export interface InputPort extends InputPortDefinition {
+    readonly handle: string;
+}
+export declare function portsByHandle<Value extends Port>(ports: readonly Value[]): Readonly<Record<string, Value>>;
 export interface NodeSource {
     readonly kind: 'node';
     readonly nodeId: string;
@@ -38,6 +45,7 @@ export interface OutputMapping {
 interface GraphNodeBase {
     readonly concurrency: number;
     readonly description?: string;
+    readonly icon?: string;
     readonly inputs: Readonly<Record<string, InputMapping>>;
     readonly name?: string;
     readonly timeoutMs?: number;
@@ -48,7 +56,7 @@ export interface SubflowNode extends GraphNodeBase {
 }
 export interface ValueNode extends GraphNodeBase {
     readonly kind: 'value';
-    readonly values: Readonly<Record<string, InputPortDefinition>>;
+    readonly values: readonly InputPort[];
 }
 export type ConditionOperator = '!=' | '<' | '<=' | '==' | '>' | '>=' | 'contains' | 'endsWith' | 'hasKey' | 'hasValue' | 'isEmpty' | 'isFalse' | 'isNotEmpty' | 'isNotNull' | 'isNull' | 'isTrue' | 'notContains' | 'notHasKey' | 'notHasValue' | 'startsWith';
 export interface ConditionExpression {
@@ -64,9 +72,7 @@ export interface ConditionCase {
 export interface ConditionNode extends GraphNodeBase {
     readonly cases: readonly ConditionCase[];
     readonly defaultOutput?: string;
-    readonly input: InputPortDefinition & {
-        readonly handle: string;
-    };
+    readonly input: InputPort;
     readonly kind: 'condition';
 }
 export type ManagedTaskExecutor = {
@@ -83,9 +89,9 @@ export interface ConnectorCapability {
     readonly kind: 'connector';
 }
 interface TaskDefinitionBase {
-    readonly inputs: Readonly<Record<string, InputPortDefinition>>;
+    readonly inputs: readonly InputPort[];
     readonly name: string;
-    readonly outputs: Readonly<Record<string, PortDefinition>>;
+    readonly outputs: readonly Port[];
 }
 export interface InlineTaskDefinition extends TaskDefinitionBase {
     readonly capabilities?: readonly ConnectorCapability[];
@@ -143,8 +149,7 @@ export type TriggerKeySnapshot = (TriggerKeySnapshotBase & {
     readonly endpoint: IntegrationEndpointDeclaration;
     readonly type: 'integration';
 });
-export interface WebhookInputDefinition extends InputPortDefinition {
-    readonly handle: string;
+export interface WebhookInputDefinition extends InputPort {
 }
 export interface WebhookOptions {
     readonly allowedMethods?: readonly string[];
@@ -156,6 +161,7 @@ export interface WebhookOptions {
 }
 interface TriggerNodeBase {
     readonly description?: string;
+    readonly icon?: string;
     readonly name: string;
 }
 export type TriggerNode = (TriggerNodeBase & {
@@ -190,9 +196,9 @@ export interface FlowDocument {
     readonly graph: Graph;
     readonly subflows: Readonly<Record<string, {
         readonly graph: Graph;
-        readonly inputs: Readonly<Record<string, InputPortDefinition>>;
+        readonly inputs: readonly InputPort[];
         readonly name: string;
-        readonly outputs: Readonly<Record<string, OutputMapping & PortDefinition>>;
+        readonly outputs: readonly (OutputMapping & Port)[];
     }>>;
     readonly tasks: Readonly<Record<string, ManagedTaskDefinition>>;
 }