@parallelworks/ui 0.17.0 → 0.19.0

package/dist/chunks/{PageHeader-MxuOs9cH.js → PageHeader-0kG_iypP.js}

@@ -1,13 +1,24 @@
+import { i as useNotify, l as useSlots, n as useLink, u as useStrings } from "./Provider-CDYurraE.js";
 import { AddIcon, CheckIcon, ChevronRightIcon, ClipboardIcon, CopyIcon, EditIcon, IdCardIcon, KeyIcon, LinkIcon, MailIcon, MoreIcon, UserIcon } from "../icons.js";
-import { i as useNotify, l as useSlots, n as useLink, u as useStrings } from "./Provider-DHmZ3v9i.js";
-import { n as TOOLTIP_ID } from "./Tooltip-n9w7Tkt1.js";
+import { n as TOOLTIP_ID, o as keyedByContent } from "./Tooltip-K5HJr4_p.js";
+import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/react";
 import cx from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React, { Fragment as Fragment$1, createContext, useCallback, useContext, useEffect, useLayoutEffect, useRef, useState } from "react";
+import React, { Fragment, createContext, useCallback, useContext, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/react";
 //#region src/components/AddMenu.tsx
 var addMenuItemClasses = "flex w-full items-center gap-2 px-3 py-1.5 text-[13px] text-(--theme-app) data-[focus]:bg-(--theme-muted-panel-bg) cursor-pointer";
+function itemButtonProps(item) {
+	if (!item.disabled) return { onClick: item.onSelect };
+	return {
+		"aria-disabled": true,
+		...item.hint ? {
+			"aria-label": `${item.label}. ${item.hint}`,
+			"data-tooltip-id": TOOLTIP_ID,
+			"data-tooltip-content": item.hint
+		} : {}
+	};
+}
 function AddMenu({ items, label, buttonClassName, zClassName = "z-50", children }) {
 	const Link = useLink();
 	return /* @__PURE__ */ jsxs(Menu, { children: [/* @__PURE__ */ jsx(MenuButton, {
@@ -18,20 +29,63 @@ function AddMenu({ items, label, buttonClassName, zClassName = "z-50", children
 	}), /* @__PURE__ */ jsx(MenuItems, {
 		anchor: "bottom start",
 		className: cx("mt-1 min-w-52 rounded-lg border border-(--theme-border) bg-(--theme-app-bg) py-1 shadow-lg focus:outline-none", zClassName),
-		children: items.map((item) => /* @__PURE__ */ jsxs(Fragment$1, { children: [item.separatorAbove && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-(--theme-border)" }), /* @__PURE__ */ jsx(MenuItem, { children: item.to && !item.disabled ? /* @__PURE__ */ jsxs(Link, {
-			to: item.to,
-			className: addMenuItemClasses,
-			children: [item.icon, item.label]
-		}) : /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			onClick: item.onSelect,
-			disabled: item.disabled,
-			className: cx(addMenuItemClasses, item.disabled && "opacity-50 cursor-not-allowed"),
-			children: [item.icon, item.label]
-		}) })] }, item.label))
+		children: items.map((item) => /* @__PURE__ */ jsxs(Fragment, { children: [item.separatorAbove && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-(--theme-border)" }), /* @__PURE__ */ jsx(MenuItem, {
+			disabled: item.disabled ?? false,
+			children: item.to && !item.disabled ? /* @__PURE__ */ jsxs(Link, {
+				to: item.to,
+				className: addMenuItemClasses,
+				children: [item.icon, item.label]
+			}) : /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				...itemButtonProps(item),
+				className: cx(addMenuItemClasses, item.disabled && "opacity-50 cursor-not-allowed"),
+				children: [item.icon, item.label]
+			})
+		})] }, item.label))
 	})] });
 }
 //#endregion
+//#region src/components/Avatar.tsx
+var SIZE_CLASSES = {
+	sm: "w-6 h-6 text-xs",
+	md: "w-8 h-8 text-sm",
+	lg: "w-10 h-10 text-base",
+	xl: "w-12 h-12 text-lg",
+	"2xl": "w-16 h-16 text-xl"
+};
+var STATUS_CLASSES = {
+	online: "bg-green-500",
+	offline: "bg-(--theme-muted-text-color)",
+	busy: "bg-red-500",
+	away: "bg-yellow-500"
+};
+/** Up to two initials: the first and last word of a name split on spaces and dots. */
+function avatarInitials(name) {
+	const parts = (name ?? "").split(/[\s.]+/).filter(Boolean);
+	if (parts.length >= 2) return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+	return parts[0]?.[0]?.toUpperCase() || "?";
+}
+function Avatar({ src, name, size = "md", status, className }) {
+	const strings = useStrings();
+	const [erroredUrl, setErroredUrl] = useState(null);
+	const showImage = !!src && erroredUrl !== src;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx("relative inline-flex", className),
+		children: [showImage ? /* @__PURE__ */ jsx("img", {
+			src,
+			alt: name || strings.common.userAvatar,
+			onError: () => setErroredUrl(src),
+			className: cx("rounded-full object-cover", SIZE_CLASSES[size])
+		}) : /* @__PURE__ */ jsx("div", {
+			className: cx("rounded-full flex items-center justify-center font-medium", "bg-gradient-to-br from-[var(--gradient-start,var(--theme-element))] to-[var(--gradient-mid,var(--theme-link))] text-white", SIZE_CLASSES[size]),
+			children: avatarInitials(name)
+		}), status && /* @__PURE__ */ jsx("span", {
+			"data-testid": "online-indicator",
+			className: cx("absolute bottom-0 right-0 block rounded-full ring-2 ring-(--theme-app-bg)", STATUS_CLASSES[status], size === "sm" ? "w-1.5 h-1.5" : "w-2.5 h-2.5")
+		})]
+	});
+}
+//#endregion
 //#region src/components/Breadcrumbs.tsx
 var BreadcrumbContext = createContext({
 	breadcrumbs: [],
@@ -170,25 +224,27 @@ function assembleRowMenu({ lead = [], actions, exclude, order, trailing = ["dele
 function useRowMenu(zClassName = "z-50") {
 	const [menu, setMenu] = useState(null);
 	const onCloseRef = useRef(void 0);
+	const openMenu = useCallback((x, y, items, onClose) => {
+		if (items.length > 0) {
+			onCloseRef.current?.();
+			onCloseRef.current = onClose;
+			setMenu({
+				x,
+				y,
+				items
+			});
+		}
+	}, []);
+	const close = useCallback(() => {
+		onCloseRef.current?.();
+		onCloseRef.current = void 0;
+		setMenu(null);
+	}, []);
 	return {
-		openMenu: useCallback((x, y, items, onClose) => {
-			if (items.length > 0) {
-				onCloseRef.current?.();
-				onCloseRef.current = onClose;
-				setMenu({
-					x,
-					y,
-					items
-				});
-			}
-		}, []),
+		openMenu,
 		contextMenu: /* @__PURE__ */ jsx(RowContextMenu, {
 			state: menu,
-			onClose: useCallback(() => {
-				onCloseRef.current?.();
-				onCloseRef.current = void 0;
-				setMenu(null);
-			}, []),
+			onClose: close,
 			zClassName
 		})
 	};
@@ -288,14 +344,14 @@ function RowContextMenu({ state, onClose, zClassName }) {
 }
 var MENU_ITEM_CLASSES = "flex w-full items-center gap-2.5 px-3 py-1.5 text-left text-[13px] hover:bg-(--theme-muted-panel-bg) transition-colors cursor-pointer [&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0";
 function MenuItemList({ items, onClose, side }) {
-	return items.map((item, i) => item.kind === "divider" ? /* @__PURE__ */ jsx("div", {
+	return keyedByContent(items, (it) => it.kind === "divider" ? "divider" : it.label).map(({ key, item }) => item.kind === "divider" ? /* @__PURE__ */ jsx("div", {
 		"aria-hidden": "true",
 		className: "my-1 h-px bg-(--theme-border)"
-	}, `divider-${i}`) : /* @__PURE__ */ jsx(MenuRow, {
+	}, key) : /* @__PURE__ */ jsx(MenuRow, {
 		item,
 		onClose,
 		side
-	}, `${item.label}-${i}`));
+	}, key));
 }
 function MenuRow({ item, onClose, side }) {
 	const Link = useLink();
@@ -338,12 +394,21 @@ function MenuRow({ item, onClose, side }) {
 			})]
 		});
 	}
-	if (item.kind === "link") return /* @__PURE__ */ jsxs(Link, {
-		to: item.to,
-		onClick: onClose,
-		className: cx(MENU_ITEM_CLASSES, item.destructive ? "text-red-500" : "text-(--theme-app)"),
-		children: [item.icon, item.label]
-	});
+	if (item.kind === "link") {
+		const className = cx(MENU_ITEM_CLASSES, item.destructive ? "text-red-500" : "text-(--theme-app)");
+		if (item.reloadDocument) return /* @__PURE__ */ jsxs("a", {
+			href: item.to,
+			onClick: onClose,
+			className,
+			children: [item.icon, item.label]
+		});
+		return /* @__PURE__ */ jsxs(Link, {
+			to: item.to,
+			onClick: onClose,
+			className,
+			children: [item.icon, item.label]
+		});
+	}
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		disabled: item.disabled && !item.tooltip,
@@ -369,62 +434,62 @@ function MenuRow({ item, onClose, side }) {
 		]
 	});
 }
-/** Builds the Copy submenu entries for whichever fields a row has, in stable
-* order. The menu itself performs the copy and notifies; `t` is an optional
-* host translator for the field labels (falls back to the provider defaults'
-* English). */
-function copySubmenu({ name, nameLabel, email, username, uid, id, url, extra, t }) {
-	const items = [
-		{
-			label: nameLabel ?? (t ? t("rowContextMenu.labelName") : "name"),
-			value: name,
-			icon: /* @__PURE__ */ jsx(CopyIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelEmail") : "email",
-			value: email,
-			icon: /* @__PURE__ */ jsx(MailIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelUsername") : "username",
-			value: username,
-			icon: /* @__PURE__ */ jsx(UserIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelUid") : "UID",
-			value: uid === null || uid === void 0 ? null : String(uid),
-			icon: /* @__PURE__ */ jsx(KeyIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelId") : "ID",
-			value: id,
-			icon: /* @__PURE__ */ jsx(IdCardIcon, {})
-		},
-		{
-			label: t ? t("rowContextMenu.labelUrl") : "URL",
-			value: url,
-			icon: /* @__PURE__ */ jsx(LinkIcon, {})
-		},
-		...(extra ?? []).map((e) => ({
-			label: e.label,
-			value: e.value,
-			icon: e.icon ?? /* @__PURE__ */ jsx(CopyIcon, {})
-		}))
-	].filter((f) => f.value).map((f) => ({
-		kind: "action",
-		label: t ? t("rowContextMenu.copy", { label: f.label }) : `Copy ${f.label}`,
-		icon: f.icon,
-		copy: {
-			text: f.value,
-			label: f.label
-		}
-	}));
-	return {
-		kind: "submenu",
-		label: t ? t("common.copy") : "Copy",
-		icon: /* @__PURE__ */ jsx(ClipboardIcon, {}),
-		items
-	};
+/** Returns a builder for the Copy submenu, labeled from the provider's strings. */
+function useCopySubmenu() {
+	const { list: t } = useStrings();
+	return useCallback(({ name, nameLabel, email, username, uid, id, url, extra }) => {
+		const items = [
+			{
+				label: nameLabel ?? t.labelName,
+				value: name,
+				icon: /* @__PURE__ */ jsx(CopyIcon, {})
+			},
+			{
+				label: t.labelEmail,
+				value: email,
+				icon: /* @__PURE__ */ jsx(MailIcon, {})
+			},
+			{
+				label: t.labelUsername,
+				value: username,
+				icon: /* @__PURE__ */ jsx(UserIcon, {})
+			},
+			{
+				label: t.labelUid,
+				value: uid === null || uid === void 0 ? null : String(uid),
+				icon: /* @__PURE__ */ jsx(KeyIcon, {})
+			},
+			{
+				label: t.labelId,
+				value: id,
+				icon: /* @__PURE__ */ jsx(IdCardIcon, {})
+			},
+			{
+				label: t.labelUrl,
+				value: url,
+				icon: /* @__PURE__ */ jsx(LinkIcon, {})
+			},
+			...(extra ?? []).map((e) => ({
+				label: e.label,
+				value: e.value,
+				icon: e.icon ?? /* @__PURE__ */ jsx(CopyIcon, {})
+			}))
+		].filter((f) => f.value).map((f) => ({
+			kind: "action",
+			label: t.copy(f.label),
+			icon: f.icon,
+			copy: {
+				text: f.value,
+				label: f.label
+			}
+		}));
+		return {
+			kind: "submenu",
+			label: t.copyMenu,
+			icon: /* @__PURE__ */ jsx(ClipboardIcon, {}),
+			items
+		};
+	}, [t]);
 }
 /** Stays visible while active (menu open) so it doesn't vanish behind the overlay. */
 function MoreButton({ onOpen, active, className }) {
@@ -451,7 +516,7 @@ var headerAddButtonClasses = "inline-flex h-[26px] shrink-0 items-center gap-1.5
 function HeaderAddButton({ to, onClick, label, word = "add", menu, disabled = false, disabledHint }) {
 	const { common } = useStrings();
 	const Link = useLink();
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AddIcon, { className: "w-3 h-3" }), /* @__PURE__ */ jsx("span", { children: word === "create" ? common.create : common.add })] });
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AddIcon, { className: "w-3 h-3" }), /* @__PURE__ */ jsx("span", { children: word === "create" ? common.create : common.add })] });
 	if (menu) return /* @__PURE__ */ jsx(AddMenu, {
 		items: menu,
 		label,
@@ -493,7 +558,7 @@ function HeaderActionMenu({ items, label = "Actions" }) {
 function HeaderRowMenu({ items, label = "Actions" }) {
 	const { openMenu, contextMenu } = useRowMenu();
 	if (items.length === 0) return null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
 		type: "button",
 		"aria-label": label,
 		title: label,
@@ -548,7 +613,7 @@ function BreadcrumbsActionButton({ icon: Icon, label, ariaLabel, to, onClick, di
 		"data-tooltip-id": TOOLTIP_ID,
 		"data-tooltip-content": tooltip
 	} : {};
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, { className: "w-3 h-3" }), label] });
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, { className: "w-3 h-3" }), label] });
 	if (to && !disabled) return /* @__PURE__ */ jsx(Link, {
 		to,
 		className: breadcrumbsActionClasses,
@@ -583,19 +648,19 @@ function PageHeader({ breadcrumbs, title, titleAction, actions, toolbar, classNa
 			/* @__PURE__ */ jsx("nav", {
 				"aria-label": "Breadcrumb",
 				className: "flex items-center gap-2 min-w-0 text-[13px]",
-				children: crumbs.map((crumb, idx) => {
+				children: keyedByContent(crumbs, (c) => c.href ?? (typeof c.label === "string" ? c.label : "crumb")).map(({ key, item: crumb }, idx) => {
 					if (idx === crumbs.length - 1) return /* @__PURE__ */ jsx("h1", {
 						className: "m-0 text-[13px] font-medium leading-none text-(--theme-app) truncate",
 						children: crumb.label
-					}, `${crumb.label}-${idx}`);
-					return /* @__PURE__ */ jsxs(Fragment$1, { children: [crumb.href ? /* @__PURE__ */ jsx(Link, {
+					}, key);
+					return /* @__PURE__ */ jsxs(Fragment, { children: [crumb.href ? /* @__PURE__ */ jsx(Link, {
 						to: crumb.href,
 						className: "text-(--theme-muted-text-color) hover:text-(--theme-app) transition-colors cursor-pointer whitespace-nowrap",
 						children: crumb.label
 					}) : /* @__PURE__ */ jsx("span", {
 						className: "text-(--theme-muted-text-color) whitespace-nowrap",
 						children: crumb.label
-					}), /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3 h-3 opacity-60 shrink-0 text-(--theme-muted-text-color)" })] }, `${crumb.label}-${idx}`);
+					}), /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3 h-3 opacity-60 shrink-0 text-(--theme-muted-text-color)" })] }, key);
 				})
 			}),
 			titleAction,
@@ -624,4 +689,4 @@ function PageHeader({ breadcrumbs, title, titleAction, actions, toolbar, classNa
 	});
 }
 //#endregion
-export { useSetDefaultBreadcrumbs as C, useSetBreadcrumbs as S, useRowMenuActive as _, HeaderAddButton as a, useClearBreadcrumbs as b, PageHeader as c, assembleRowMenu as d, copySubmenu as f, useRowMenu as g, toolbarActionToRowAction as h, HeaderActionMenu as i, headerActionButtonClasses as l, toRowMenuItem as m, BreadcrumbsRightAction as n, HeaderEditButton as o, rowContextMenuProps as p, BreadcrumbsTitleAction as r, HeaderRowMenu as s, BreadcrumbsActionButton as t, MoreButton as u, BreadcrumbProvider as v, AddMenu as w, useHideBreadcrumbs as x, useBreadcrumb as y };
+export { useSetDefaultBreadcrumbs as C, AddMenu as E, useSetBreadcrumbs as S, avatarInitials as T, useRowMenuActive as _, HeaderAddButton as a, useClearBreadcrumbs as b, PageHeader as c, assembleRowMenu as d, rowContextMenuProps as f, useRowMenu as g, useCopySubmenu as h, HeaderActionMenu as i, headerActionButtonClasses as l, toolbarActionToRowAction as m, BreadcrumbsRightAction as n, HeaderEditButton as o, toRowMenuItem as p, BreadcrumbsTitleAction as r, HeaderRowMenu as s, BreadcrumbsActionButton as t, MoreButton as u, BreadcrumbProvider as v, Avatar as w, useHideBreadcrumbs as x, useBreadcrumb as y };

package/dist/chunks/{Provider-DHmZ3v9i.js → Provider-CDYurraE.js}

@@ -1,6 +1,6 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useMemo } from "react";
+import { createContext, use, useCallback, useContext, useEffect, useMemo } from "react";
 import { useLocalStorage } from "usehooks-ts";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Provider.tsx
 var DefaultLink = ({ to, onClick, className, children, ...rest }) => /* @__PURE__ */ jsx("a", {
 	href: to,
@@ -58,7 +58,8 @@ var DEFAULTS = {
 			showHiddenFieldsHint: "Includes fields hidden by default because they're specific to each resource, such as name and group.",
 			jsonHasErrors: "JSON has errors, please fix before saving",
 			remove: "Remove",
-			sort: "Sort"
+			sort: "Sort",
+			userAvatar: "User avatar"
 		},
 		dropdown: {
 			select: (type) => `Select ${type}`,
@@ -84,7 +85,7 @@ var DEFAULTS = {
 			timeRangeActive: "Time range active",
 			timeRangeOn: "ON",
 			filterByTimeRange: "Filter by time range",
-			timeRangeHelp: "Times are interpreted in your local timezone. Applying a range re-queries the journal on the cluster and replaces what is loaded. Setting an end time stops live tailing until you clear it.",
+			timeRangeHelp: "Times are interpreted in your local timezone. Applying a range re-queries the log source and replaces what is loaded. Setting an end time stops live tailing until you clear it.",
 			timeRangeFrom: "From",
 			timeRangeTo: "To",
 			apply: "Apply",
@@ -187,7 +188,7 @@ var DEFAULTS = {
 				},
 				propagating: {
 					title: "Propagating CORS rules",
-					description: "Azure is rolling out the new rules to its storage endpoints. This usually completes within a minute.",
+					description: "The storage provider is rolling out the new rules to its endpoints. This usually completes within a minute.",
 					stages: {
 						submitted: "Submitted",
 						propagating: "Propagating",
@@ -245,6 +246,7 @@ var DEFAULTS = {
 				collapse: "Collapse",
 				upload: "Upload",
 				download: "Download",
+				downloadFromBrowser: "From browser",
 				access: "Access",
 				manageAccess: "Manage Access",
 				delete: "Delete",
@@ -318,11 +320,7 @@ var DEFAULTS = {
 		form: {
 			invalidDuration: "Enter a duration as DD-HH:MM:SS or HH:MM:SS.",
 			durationOutOfRange: (min, max) => `Must be between ${min} and ${max}.`,
-			durationBelowMin: (min) => `Must be at least ${min}.`,
-			readOnly: "Read-only",
-			readWrite: "Read-write",
-			readOnlyDescription: "Read-only mounts can list and download objects, but cannot upload, modify, or delete them.",
-			readOnlyForced: "Your access to this bucket is read-only, so this mount cannot be writable."
+			durationBelowMin: (min) => `Must be at least ${min}.`
 		},
 		time: {
 			now: "now",
@@ -332,6 +330,7 @@ var DEFAULTS = {
 			years: (n) => `${n}y`
 		},
 		list: {
+			copyMenu: "Copy",
 			copy: (label) => `Copy ${label}`,
 			copied: (label) => `Copied ${label}`,
 			couldntCopy: (label) => `Couldn't copy ${label}`,
@@ -367,7 +366,7 @@ var DEFAULTS = {
 			perPage: "Per page",
 			paginationPrevious: "Previous",
 			paginationNext: "Next",
-			paginationShowing: (name, start, end) => /* @__PURE__ */ jsxs(Fragment, { children: [
+			paginationShowing: (name, start, end) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				"Showing ",
 				name,
 				" ",
@@ -382,7 +381,7 @@ var DEFAULTS = {
 					children: end
 				})
 			] }),
-			paginationShowingTimeRange: (name, startTime, endTime) => /* @__PURE__ */ jsxs(Fragment, { children: [
+			paginationShowingTimeRange: (name, startTime, endTime) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				"Showing ",
 				name,
 				" from ",
@@ -390,8 +389,8 @@ var DEFAULTS = {
 					className: "font-medium",
 					children: startTime
 				}),
+				" to",
 				" ",
-				"to ",
 				/* @__PURE__ */ jsx("span", {
 					className: "font-medium",
 					children: endTime
@@ -401,8 +400,9 @@ var DEFAULTS = {
 	},
 	navigation: {
 		goTo: (to) => window.location.assign(to),
-		toWorkflow: () => {},
-		toMarketItem: () => {},
+		openStepSource: (_uses, sourceUrl) => {
+			if (sourceUrl) window.open(sourceUrl, "_blank");
+		},
 		openExternal: (href) => window.open(href, "_blank")
 	},
 	data: {
@@ -424,15 +424,46 @@ function useNavigation() {
 function useSlots() {
 	return useContext(UIContext).slots;
 }
-function useWorkflowJsonResolver() {
-	return useContext(UIContext).data.resolveWorkflowJson;
+var loadedEngines = /* @__PURE__ */ new WeakMap();
+function loadEngine(load) {
+	let entry = loadedEngines.get(load);
+	if (!entry) {
+		const created = { promise: load() };
+		created.promise.then((engine) => {
+			created.engine = engine;
+		});
+		loadedEngines.set(load, created);
+		entry = created;
+	}
+	return entry;
+}
+function resolveEngine(source) {
+	if (typeof source !== "function") return source;
+	const entry = loadEngine(source);
+	return entry.engine ?? use(entry.promise);
+}
+/** The engine when one is provided and `enabled`; suspends while a loader resolves. */
+function useOptionalWorkflowEngine(enabled = true) {
+	const source = useContext(UIContext).engine;
+	if (!enabled || !source) return;
+	return resolveEngine(source);
+}
+function useWorkflowEngine() {
+	const source = useContext(UIContext).engine;
+	if (!source) throw new Error("Workflow forms and graphs need a UIProvider with an engine.");
+	return resolveEngine(source);
+}
+/** Resolves the engine without suspending, for async callers such as editor completions. */
+function useWorkflowEngineLoader() {
+	const source = useContext(UIContext).engine;
+	return useCallback(async () => {
+		if (!source) return;
+		return typeof source === "function" ? loadEngine(source).promise : source;
+	}, [source]);
 }
 function useProvisionCorsRules() {
 	return useContext(UIContext).data.provisionCorsRules;
 }
-function useRepoSuggestions() {
-	return useContext(UIContext).data.repoSuggestions;
-}
 function useRunFile(slug, path, options) {
 	const { useRunFile: boundUseRunFile } = useContext(UIContext).data;
 	return boundUseRunFile(slug, path, options);
@@ -441,7 +472,10 @@ function usePersistedState(key, defaultValue) {
 	const { usePersistedState: boundUsePersistedState } = useContext(UIContext).data;
 	return boundUsePersistedState(key, defaultValue);
 }
-function UIProvider({ notify, strings, navigation, data, slots, children }) {
+function UIProvider({ notify, strings, navigation, data, slots, engine, children }) {
+	useEffect(() => {
+		if (typeof engine === "function") loadEngine(engine);
+	}, [engine]);
 	const value = useMemo(() => ({
 		notify: {
 			...DEFAULTS.notify,
@@ -498,13 +532,15 @@ function UIProvider({ notify, strings, navigation, data, slots, children }) {
 			...DEFAULTS.data,
 			...data
 		},
-		slots: slots ?? DEFAULTS.slots
+		slots: slots ?? DEFAULTS.slots,
+		engine
 	}), [
 		notify,
 		strings,
 		navigation,
 		data,
-		slots
+		slots,
+		engine
 	]);
 	return /* @__PURE__ */ jsx(UIContext.Provider, {
 		value,
@@ -512,4 +548,4 @@ function UIProvider({ notify, strings, navigation, data, slots, children }) {
 	});
 }
 //#endregion
-export { usePersistedState as a, useRunFile as c, useWorkflowJsonResolver as d, useNotify as i, useSlots as l, useLink as n, useProvisionCorsRules as o, useNavigation as r, useRepoSuggestions as s, UIProvider as t, useStrings as u };
+export { useOptionalWorkflowEngine as a, useRunFile as c, useWorkflowEngine as d, useWorkflowEngineLoader as f, useNotify as i, useSlots as l, useLink as n, usePersistedState as o, useNavigation as r, useProvisionCorsRules as s, UIProvider as t, useStrings as u };