@oomol-lab/open-flow 0.1.0-beta.22 → 0.1.0-beta.23

package/dist/browser/ui.d.ts

@@ -1,6 +1,6 @@
 
 
-import type { ComponentPropsWithoutRef, ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { ComponentPropsWithoutRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
 /** Native host button contract; Base UI composition stays internal to the product. */
 export interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     variant?: 'default' | 'outline' | 'secondary' | 'ghost' | 'disclosure' | 'destructive' | 'link';
@@ -10,3 +10,25 @@ export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttribut
 export { Input } from './ui-input.js';
 export { Label } from './ui-label.js';
 export { Textarea } from './ui-textarea.js';
+/** Shared Sonner presentation for hosts and the component Lab. */
+export declare const notificationToasterProps: {
+    readonly className: 'open-flow-notifications';
+    readonly closeButton: true;
+    readonly expand: false;
+    readonly gap: 8;
+    readonly mobileOffset: {
+        readonly top: 56;
+        readonly left: 12;
+        readonly right: 12;
+    };
+    readonly offset: {
+        readonly top: 56;
+        readonly left: 16;
+        readonly right: 16;
+    };
+    readonly position: 'top-center';
+    readonly visibleToasts: 3;
+};
+export declare function NotificationUndoLabel({ children }: {
+    children: ReactNode;
+}): ReactNode;

package/dist/browser/ui.js

@@ -67,7 +67,7 @@ function y(e, t) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/merge-props/mergeProps.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/merge-props/mergeProps.js
 var b = {};
 function x(e, t, n, r, i) {
 	if (!n && !r && !i && !e) return C(t);
@@ -167,7 +167,7 @@ function ie(t = !1) {
 	return n;
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/utils/useFocusableWhenDisabled.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/utils/useFocusableWhenDisabled.js
 function ae(t) {
 	let { focusableWhenDisabled: n, disabled: r, composite: i = !1, tabIndex: a = 0, isNativeButton: o } = t, s = i && n !== !1, c = i && n === !1;
 	return { props: e.useMemo(() => {
@@ -186,7 +186,7 @@ function ae(t) {
 	]) };
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/use-button/useButton.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/use-button/useButton.js
 function oe(t = {}) {
 	let { disabled: n = !1, focusableWhenDisabled: r, tabIndex: i = 0, native: a = !0, composite: o } = t, s = e.useRef(null), c = ie(!0), l = o ?? c !== void 0, { props: u } = ae({
 		focusableWhenDisabled: r,
@@ -359,7 +359,7 @@ function V() {}
 Object.freeze([]);
 var H = Object.freeze({});
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/getStateAttributesProps.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/getStateAttributesProps.js
 function pe(e, t) {
 	let n = {};
 	for (let r in e) {
@@ -374,17 +374,17 @@ function pe(e, t) {
 	return n;
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/utils/resolveClassName.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/utils/resolveClassName.js
 function me(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/utils/resolveStyle.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/utils/resolveStyle.js
 function he(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/useRenderElement.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/useRenderElement.js
 function ge(e, t, n = {}) {
 	let r = t.render, i = _e(t, n);
 	return n.enabled === !1 ? null : Se(e, r, i, n.state ?? H);
@@ -433,7 +433,7 @@ function we(n, r) {
 	}) : /*#__PURE__*/ e.createElement(n, r);
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/button/Button.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/button/Button.js
 var Te = /*#__PURE__*/ e.forwardRef(function(e, t) {
 	let { render: n, className: r, disabled: i = !1, focusableWhenDisabled: a = !1, nativeButton: o = !0, style: s, ...c } = e, { getButtonProps: l, buttonRef: u } = oe({
 		disabled: i,
@@ -2212,25 +2212,25 @@ function Yt(...e) {
 }
 //#endregion
 //#region src/ui/browser/button.tsx
-var Xt = Ae("nodrag group/button relative inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap no-underline transition-[color,background-color,border-color,box-shadow,opacity,transform] outline-none select-none before:absolute before:inset-0 before:content-[''] motion-reduce:transition-none focus-visible:border-border focus-visible:outline-2 focus-visible:outline-solid focus-visible:ring-0 focus-visible:aria-invalid:ring-0 focus-visible:outline-offset-1 focus-visible:outline-ring active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+var Xt = Ae("nodrag group/button relative inline-flex shrink-0 items-center justify-center rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap no-underline transition-[color,background-color,border-color,box-shadow,opacity,transform] outline-none select-none before:absolute before:inset-0 before:content-[''] motion-reduce:transition-none focus-visible:border-border focus-visible:outline-2 focus-visible:outline-solid focus-visible:ring-0 focus-visible:aria-invalid:ring-0 focus-visible:outline-offset-1 focus-visible:outline-ring active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/80",
 			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-			ghost: "hover:bg-muted hover:text-foreground aria-current:bg-muted aria-current:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			ghost: "hover:bg-[var(--ui-control-hover-background,var(--ui-muted))] hover:text-foreground aria-current:bg-[var(--ui-control-hover-background,var(--ui-muted))] aria-current:text-foreground aria-expanded:bg-[var(--ui-control-hover-background,var(--ui-muted))] aria-expanded:text-foreground dark:hover:bg-[var(--ui-control-hover-background,var(--ui-muted))]",
 			disclosure: "text-muted-foreground hover:bg-muted hover:text-foreground dark:hover:bg-muted/50",
 			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30",
 			link: "text-primary hover:text-primary/80"
 		},
 		size: {
 			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			xs: "h-6 gap-1 rounded-md px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-			sm: "h-7 gap-1 rounded-md px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			xs: "h-6 gap-1 rounded-[var(--ui-control-radius,var(--ui-radius))] px-2 text-xs in-data-[slot=button-group]:rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 rounded-[var(--ui-control-radius,var(--ui-radius))] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
 			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
 			icon: "size-8",
-			"icon-xs": "size-6 rounded-md in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-			"icon-sm": "size-7 rounded-md in-data-[slot=button-group]:rounded-lg",
+			"icon-xs": "size-6 rounded-[var(--ui-control-radius,var(--ui-radius))] in-data-[slot=button-group]:rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 rounded-[var(--ui-control-radius,var(--ui-radius))] in-data-[slot=button-group]:rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))]",
 			"icon-lg": "size-9"
 		}
 	},
@@ -2334,12 +2334,12 @@ function cn(e, t) {
 	return on(e, t);
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/useBaseUiId.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/useBaseUiId.js
 function ln(e) {
 	return cn(e, "base-ui");
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/labelable-provider/LabelableContext.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/labelable-provider/LabelableContext.js
 var un = /*#__PURE__*/ e.createContext({
 	controlId: void 0,
 	registerControlId: V,
@@ -2354,7 +2354,7 @@ function dn() {
 	return e.useContext(un);
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/labelable-provider/useLabelableId.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/labelable-provider/useLabelableId.js
 function fn(t = {}) {
 	let { id: n, implicit: r = !1, controlRef: i } = t, { controlId: a, registerControlId: s } = dn(), c = ln(n), u = r ? a : void 0, d = l(() => Symbol("labelable-control")), p = e.useRef(!1), m = e.useRef(n != null), h = f(() => {
 		!p.current || s === V || (p.current = !1, s(d.current, void 0));
@@ -2393,7 +2393,7 @@ function pn(e) {
 	return e?.ownerDocument || document;
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/shadowDom.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/shadowDom.js
 function mn(e) {
 	let t = e.activeElement;
 	for (; t?.shadowRoot?.activeElement != null;) t = t.shadowRoot.activeElement;
@@ -2445,7 +2445,7 @@ function gn(e) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/field-register-control/useRegisterFieldControl.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/field-register-control/useRegisterFieldControl.js
 function _n(t, n) {
 	let { enabled: r = !0, getValue: i, id: a, value: o } = n, { registerFieldControl: s } = rn(), c = e.useRef(null);
 	c.current ||= Symbol(), v(() => {
@@ -2468,10 +2468,10 @@ function _n(t, n) {
 	]);
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/reason-parts.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/reason-parts.js
 var vn = "none";
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/internals/createBaseUIEventDetails.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/createBaseUIEventDetails.js
 function yn(e, t, n, r) {
 	let i = !1, a = !1, o = r ?? H;
 	return {
@@ -2494,7 +2494,7 @@ function yn(e, t, n, r) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/field/control/FieldControl.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/field/control/FieldControl.js
 var bn = /*#__PURE__*/ e.forwardRef(function(t, n) {
 	let { render: r, className: i, id: a, name: o, value: s, disabled: c = !1, onValueChange: l, defaultValue: u, autoFocus: d = !1, style: p, ...m } = t, { state: h, name: g, disabled: _, setTouched: y, setDirty: b, validityData: x, setFocused: S, setFilled: C, validationMode: w, validation: T } = rn(), ee = _ || c, E = g ?? o, D = {
 		...h,
@@ -2556,7 +2556,7 @@ var bn = /*#__PURE__*/ e.forwardRef(function(t, n) {
 });
 process.env.NODE_ENV !== "production" && (bn.displayName = "FieldControl");
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+b87d06724be9db7a/node_modules/@base-ui/react/esm/input/Input.js
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/input/Input.js
 var xn = /*#__PURE__*/ e.forwardRef(function(e, t) {
 	return /*#__PURE__*/ r(bn, {
 		ref: t,
@@ -2571,7 +2571,7 @@ var Sn = e.forwardRef(function({ className: e, type: t, ...n }, i) {
 		ref: i,
 		type: t,
 		"data-slot": "input",
-		className: Yt("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground data-[slot=input]:focus-visible:text-field-focus data-[slot=input]:focus-visible:aria-invalid:text-field-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", e),
+		className: Yt("h-8 w-full min-w-0 rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground data-[slot=input]:focus-visible:text-field-focus data-[slot=input]:focus-visible:aria-invalid:text-field-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", e),
 		...n
 	});
 });
@@ -2590,9 +2590,41 @@ var wn = e.forwardRef(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ r("textarea", {
 		ref: n,
 		"data-slot": "textarea",
-		className: Yt("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:text-field-focus focus-visible:aria-invalid:text-field-focus disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", e),
+		className: Yt("flex field-sizing-content min-h-16 w-full rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:text-field-focus focus-visible:aria-invalid:text-field-focus disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", e),
 		...t
 	});
-}), Tn = Zt;
+}), Tn = Zt, En = {
+	className: "open-flow-notifications",
+	closeButton: !0,
+	expand: !1,
+	gap: 8,
+	mobileOffset: {
+		top: 56,
+		left: 12,
+		right: 12
+	},
+	offset: {
+		top: 56,
+		left: 16,
+		right: 16
+	},
+	position: "top-center",
+	visibleToasts: 3
+};
+function Dn({ children: e }) {
+	return t("span", {
+		className: "inline-flex items-center gap-1.5",
+		"data-notification-action-icon": "start"
+	}, t("i", {
+		"aria-hidden": !0,
+		className: "i-lucide:undo-2",
+		style: {
+			width: 14,
+			height: 14,
+			flexShrink: 0,
+			transform: "translateY(-1px)"
+		}
+	}), e);
+}
 //#endregion
-export { Tn as Button, Sn as Input, Cn as Label, wn as Textarea };
+export { Tn as Button, Sn as Input, Cn as Label, Dn as NotificationUndoLabel, wn as Textarea, En as notificationToasterProps };

package/dist/browser/workbench-contract.d.ts

@@ -7,8 +7,27 @@ export type WorkbenchView = 'design' | 'publications' | 'runs';
 export interface WorkbenchNotification {
     readonly kind: 'error' | 'success';
     readonly message: string;
+    readonly undo?: {
+        readonly label: string;
+        /** Restores this notification's operation only while it is the current undo entry. */
+        readonly run: () => Promise<void>;
+    };
 }
 export interface WorkbenchHost {
+    /** A stable deployment identity enables persistent Trigger metadata caching. */
+    readonly triggerCatalogCache?: {
+        readonly namespace: string;
+        readonly storage?: {
+            getItem(key: string): string | null;
+            setItem(key: string, value: string): void;
+        };
+    };
+    /** Deployment identity for Connector caches. Cached representations display immediately and revalidate in the background. */
+    readonly connectorCache?: {
+        readonly namespace: string;
+        readonly localStorage?: WorkbenchPreferences;
+        readonly sessionStorage?: WorkbenchPreferences;
+    };
     notify(notification: WorkbenchNotification | undefined): void;
     openExternalPage(resolveUrl: () => Promise<string>): Promise<boolean>;
     request(input: RequestInfo | URL, init?: RequestInit): Promise<Response>;