@oomol-lab/open-flow 0.1.0-beta.65 → 0.1.0-beta.67

package/dist/browser/{flowWorkspace-BEp-lxqF.js → flowWorkspace-C1hlTnZq.js}

@@ -1,11 +1,11 @@
 import { i as __require, o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { $ as useIconifyData, $n as isJsonObject, $t as EmptyTitle, A as datePickerValue, An as createI18n$1, Bn as I18n, Bt as PopoverTrigger, C as valueForEditor, Cn as useContextMenuRootContext, Cr as controlErrorCode, D as calendarChange, E as typeOfSchema, En as Badge, Er as IconThemeContext, F as feishuResourceKind, Fn as ru_default$1, Ft as PopoverContent, G as designerGraph, Gt as InputGroup, H as resourceData, Hn as EventSourceSetup, Ht as ScrollArea, I as supportsFeishuChatFilter, In as ko_default$1, It as PopoverDescription, J as actionSummary, Jt as Empty, K as semanticNodeIcon, Kt as InputGroupAddon, Ln as ja_default$1, Lt as PopoverHeader, Mn as waitBranchDescription, Mt as IdTooltip, Nn as zh_TW_default$1, Nt as followWorkbenchLink, O as calendarDate, On as SourceForm, P as indexAddNodeOptions, Pn as zh_CN_default$1, Pt as Popover, Q as useIconifyCollectionLoader, Qn as triggerOutputDefinitions, Qt as EmptyMedia, R as mapSource, Rn as fr_default$1, Rt as PopoverPanelContent, S as schemaForEditor, Sn as ContextMenuRootContext, T as isUnconstrainedSchema, Tn as useMenuRootContext, Tr as useAriaLabelledBy, U as resourceValue, Un as errorNotice, Ut as VirtualScrollArea, V as observeResource, Vn as FeishuEventPicker, Vt as NativeScrollArea, Wt as Z$2, X as ContentIcon, Xn as sourceOutputLabel, Xt as EmptyDescription, Y as providerIcon, Yn as resolutionOutputPorts, Yt as EmptyContent, Z as IconifyProvider, Zt as EmptyHeader, _n as MenuPositioner, _r as inputValue, an as DropdownMenuLabel, b as editorComponent, bn as MenuItem, cn as DropdownMenuSeparator, dn as DropdownMenuSubTrigger, dr as openApiFieldIssues, dt as schemaMismatchMessage, en as DropdownMenu, et as wrapLayout, fn as DropdownMenuTrigger, fr as openApiTask, gn as MenuRoot, gr as servers, hn as useCompositeItem, hr as serverAddress, in as DropdownMenuItem, it as revisionView, j as isDateFormat, jn as uiLocales, jt as WorkflowExportMenuItem, k as datePickerChange, kn as SourceSelect, ln as DropdownMenuSub, lr as listOperations, lt as diagnosticMessage, mn as findRootOwnerId, mr as selectOperation, n as agentTool, nn as DropdownMenuContent, nt as canCancelRun, on as DropdownMenuRadioGroup, or as triggerConfigValue, pn as isElementDisabled, pr as securityOptions, pt as connectionCatalog, q as triggerNodeIcon, qn as decodeResultList, qt as InputGroupInput, rn as DropdownMenuGroup, rt as hasRunFilter, sn as DropdownMenuRadioItem, sr as triggerConfigValues, tn as DropdownMenuCheckboxItem, un as DropdownMenuSubContent, ur as object, ut as diagnosticNodeId, vn as MenuPortal, w as getDefaultValue, wn as MenuRootContext, wr as Checkbox, x as editorGroups, xn as MenuGroup, y as defaultValueEditorSchema, yn as MenuPopup, zn as en_default$1, zt as PopoverTitle } from "./flowChanges-DkvG5uDq.js";
+import { $ as useIconifyCollectionLoader, $n as sourceOutputLabel, $t as EmptyDescription, A as datePickerChange, Ar as controlErrorCode, Bn as ja_default$1, Bt as PopoverHeader, C as schemaForEditor, Cn as MenuItem, Cr as workflowSelectionTask, D as typeOfSchema, Dn as MenuRootContext, E as isUnconstrainedSchema, En as useContextMenuRootContext, F as indexAddNodeOptions, Fn as waitBranchDescription, Ft as IdTooltip, Gn as EventSourceSetup, Gt as ScrollArea, H as observeResource, Hn as en_default$1, Ht as PopoverTitle, I as feishuResourceKind, In as zh_TW_default$1, It as followWorkbenchLink, J as triggerNodeIcon, Jt as InputGroup, K as designerGraph, Kn as errorNotice, Kt as VirtualScrollArea, L as supportsFeishuChatFilter, Ln as zh_CN_default$1, Lt as Popover, M as isDateFormat, Mn as SourceSelect, Mr as useAriaLabelledBy, Nn as createI18n$1, Nr as IconThemeContext, O as calendarChange, On as useMenuRootContext, Pn as uiLocales, Pt as WorkflowExportMenuItem, Q as IconifyProvider, Qn as resolutionOutputPorts, Qt as EmptyContent, Rn as ru_default$1, Rt as PopoverContent, S as editorGroups, Sn as MenuPopup, Sr as workflowCandidateGroup, T as getDefaultValue, Tn as ContextMenuRootContext, U as resourceData, Un as I18n, Ut as PopoverTrigger, Vn as fr_default$1, Vt as PopoverPanelContent, W as resourceValue, Wn as FeishuEventPicker, Wt as NativeScrollArea, X as providerIcon, Xn as decodeResultList, Xt as InputGroupInput, Y as actionSummary, Yt as InputGroupAddon, Z as ContentIcon, Zt as Empty, _n as findRootOwnerId, _r as securityOptions, an as DropdownMenuContent, at as revisionView, b as defaultValueEditorSchema, bn as MenuPositioner, br as servers, cn as DropdownMenuLabel, dn as DropdownMenuSeparator, dr as triggerConfigValues, dt as diagnosticNodeId, en as EmptyHeader, et as useIconifyData, fn as DropdownMenuSub, ft as schemaMismatchMessage, gn as isElementDisabled, gr as openApiTask, hn as DropdownMenuTrigger, hr as openApiFieldIssues, in as DropdownMenuCheckboxItem, it as hasRunFilter, j as datePickerValue, jn as SourceForm, jr as Checkbox, k as calendarDate, kn as Badge, ln as DropdownMenuRadioGroup, mn as DropdownMenuSubTrigger, mr as object, mt as connectionCatalog, n as agentTool, nn as EmptyTitle, nr as triggerOutputDefinitions, on as DropdownMenuGroup, pn as DropdownMenuSubContent, pr as listOperations, q as semanticNodeIcon, qt as Z$2, rn as DropdownMenu, rr as isJsonObject, rt as canCancelRun, sn as DropdownMenuItem, tn as EmptyMedia, tt as wrapLayout, un as DropdownMenuRadioItem, ur as triggerConfigValue, ut as diagnosticMessage, vn as useCompositeItem, vr as selectOperation, w as valueForEditor, wn as MenuGroup, wr as inputValue, x as editorComponent, xn as MenuPortal, yn as MenuRoot, yr as serverAddress, z as mapSource, zn as ko_default$1, zt as PopoverDescription } from "./flowChanges-VB9Y4iy7.js";
 import { a as derive, c as strictEqual, i as compute, l as val, n as attachSetter, r as combine, s as readonlyVal } from "./dist-bO8nvHFH.js";
 import { c as useLang, i as isString, l as useTranslate, n as isBoolean, o as I18nProvider, r as isPlainObject, s as useI18n, t as isArray$1, u as useVal } from "./dist-BFmpkX4P.js";
-import { $ as operandHandle, $n as Store, $r as inputChange, $t as InternalBackdrop, A as decisionLimits, Ar as isAndroid, At as SelectValue, Bi as useRefWithInit, C as FieldDescription, Ci as cn$1, Cn as useListNavigation, Cr as isIndexOutOfListBounds, Ct as Select$1, Di as EMPTY_ARRAY$1, Dr as activeElement, Dt as SelectItem, E as FieldLabel, Ei as useRenderElement, Er as isInteractiveElement, Et as SelectGroup, F as limitDecisionQuestions, Fi as formatErrorMessage, Fr as ChevronDown, Ft as ARROW_DOWN, Gr as createChangeEventDetails, Gt as VERTICAL_KEYS, Hi as isElement, Hr as transitionStatusMapping, Ht as HORIZONTAL_KEYS, Ii as mergeProps, It as ARROW_KEYS, Jn as DROPDOWN_COLLISION_AVOIDANCE, Jr as clearPress, Jt as scrollIntoViewIfNeeded, Kn as FloatingPortal, Kr as createGenericEventDetails, Kt as VERTICAL_KEYS_WITH_EXTRA_KEYS, L as matchesSchema, Li as useIsoLayoutEffect, Ln as useDismiss, Lr as createLucideIcon, Lt as ARROW_LEFT, M as decisionQuestionIssues, Mi as useButton, Mt as IndexGuessBehavior, N as decisionTask, Ni as CompositeRootContext, Nr as ownerDocument, Nt as useCompositeListItem, O as decodeRevisionContent, Oi as EMPTY_OBJECT, Or as contains, Ot as SelectSeparator, P as defaultDecisionQuestion, Pr as useLabelableId, Pt as ALL_KEYS, Q as nodeInputMappings, Qt as getDisabledMountTransitionStyles, R as schemaObject, Rn as useClick, Rr as useTransitionStatus, Rt as ARROW_RIGHT, S as Field, Si as buttonVariants, Sr as getMinListIndex, T as FieldGroup, Ti as clsx, Tr as stopEvent$1, Tt as SelectContent, Ut as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, Vr as TransitionStatusDataAttributes, W as nodeNameIssue, Wr as useValueChanged, Wt as MODIFIER_KEYS, Xr as escapeKey, Xt as useAnchoredPopupScrollLock, Y as comparisonIssue, Yr as closePress, Zn as addEventListener, Zt as usePositioner, _ as TooltipPositioner, _i as fieldValidityMapping, _n as findItemIndex, _r as findNonDisabledListIndex, a as DialogDescription, an as getPseudoElementBounds, ar as createSelector, at as dequal, b as TooltipRoot, bi as useControlled, br as getGridNavigatedIndex, bt as string, c as DialogTitle, cn as triggerOpenStateMapping, cr as Label, d as TooltipContent, di as useFormContext, dn as hasNullItemLabel, dr as useTimeout, dt as discriminatedUnion, ei as inputClear, en as useAnchorPositioning, er as useStore$1, et as operatorsForType, f as TooltipProvider, fi as useRegisterFieldControl, fn as isGroupedItems, g as TooltipPopup, gi as DEFAULT_FIELD_STATE_ATTRIBUTES, gn as defaultItemEquality, gr as createGridCellMap, gt as number, h as TooltipArrow, hi as useId$1, hn as compareItemEquality, ht as literal, i as DialogContent, ii as none$1, in as inertValue, ir as require_builtin_esm_external_require_react, ji as useMergedRefs, jr as isFirefox, ki as NOOP, kn as useFloatingRootContext, kr as getTarget, kt as SelectTrigger, l as DialogTrigger, li as triggerPress, ln as resolveAriaLabelledBy, lr as Input$1, m as createTooltipHandle, mi as useBaseUiId, mn as stringifyAsValue, n as Dialog, ni as itemPress, nn as useDirection, nt as unaryOperator, on as popupStateMapping, or as useValueAsRef, ot as webhookMethods, p as TooltipTrigger, pi as useFieldRootContext, pn as stringifyAsLabel, qr as cancelOpen, qt as isNativeInput, ri as listNavigation, rn as CompositeList, rr as require_with_selector, rt as valueType, sn as pressableTriggerOpenStateMapping, sr as useOnFirstRender, st as webhookSupportsBody, t as Icon, ti as inputPress, u as Tooltip, ui as useLabelableContext, un as useOpenInteractionType, v as TooltipPortal, vi as visuallyHidden, vn as removeItem, vr as getGridCellIndexOfCorner, w as FieldError, wi as cva, wn as useInteractions, wr as isListIndexDisabled, wt as SelectChevron, x as Spinner, xi as Button$1, xn as useTypeahead, xr as getMaxListIndex, y as TooltipTrigger$1, yi as visuallyHiddenInput, yn as selectedValueIncludes, yr as getGridCellIndices, yt as strictObject, z as variableInputCompatible, zi as useStableCallback, zn as FloatingFocusManager, zr as useOpenChangeComplete, zt as ARROW_UP } from "./icons-Db2Jb2iX.js";
+import { $ as decodeRevisionContent, $r as escapeKey, $t as useAnchoredPopupScrollLock, A as variableInputCompatible, Ai as EMPTY_ARRAY$1, Ar as activeElement, At as SelectItem, Bi as useIsoLayoutEffect, Bn as useDismiss, Br as createLucideIcon, Bt as ARROW_LEFT, C as FieldDescription, Ci as useControlled, Cr as getGridNavigatedIndex, Di as cva, Dn as useInteractions, Dr as isListIndexDisabled, Dt as SelectChevron, E as FieldLabel, Ei as cn$1, En as useListNavigation, Er as isIndexOutOfListBounds, Et as Select$1, Fi as useButton, Ft as IndexGuessBehavior, Gi as isElement, Gr as transitionStatusMapping, Gt as HORIZONTAL_KEYS, Hi as useStableCallback, Hn as FloatingFocusManager, Hr as useOpenChangeComplete, Ht as ARROW_UP, I as nodeNameIssue, Ii as CompositeRootContext, Ir as ownerDocument, It as useCompositeListItem, J as operatorsForType, Jr as createChangeEventDetails, Jt as VERTICAL_KEYS, Kt as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, Lr as useLabelableId, Lt as ALL_KEYS, Mi as NOOP, Mn as useFloatingRootContext, Mr as getTarget, Mt as SelectTrigger, Nr as isAndroid, Nt as SelectValue, O as matchesSchema, Oi as clsx, Or as stopEvent$1, Ot as SelectContent, Pi as useMergedRefs, Pr as isFirefox, Qr as closePress, Ri as formatErrorMessage, Rr as ChevronDown, Rt as ARROW_DOWN, S as Field, Si as visuallyHiddenInput, Sn as selectedValueIncludes, Sr as getGridCellIndices, St as string, T as FieldGroup, Ti as buttonVariants, Tr as getMinListIndex, Tt as dequal, U as comparisonIssue, Ui as useRefWithInit, Vn as useClick, Vr as useTransitionStatus, Vt as ARROW_RIGHT, Wr as TransitionStatusDataAttributes, X as unaryOperator, Xr as cancelOpen, Xt as isNativeInput, Yn as FloatingPortal, Yr as createGenericEventDetails, Yt as VERTICAL_KEYS_WITH_EXTRA_KEYS, Z as valueType, Zn as DROPDOWN_COLLISION_AVOIDANCE, Zr as clearPress, Zt as scrollIntoViewIfNeeded, _ as TooltipPositioner, _i as useBaseUiId, _n as stringifyAsValue, _t as literal, ai as itemPress, an as useDirection, at as decisionQuestionIssues, b as TooltipRoot, bi as fieldValidityMapping, bn as findItemIndex, br as findNonDisabledListIndex, c as DialogTrigger, cn as getPseudoElementBounds, cr as createSelector, ct as limitDecisionQuestions, d as TooltipContent, dn as triggerOpenStateMapping, dr as Label, en as usePositioner, er as addEventListener, et as webhookMethods, f as TooltipProvider, fi as triggerPress, fn as resolveAriaLabelledBy, fr as Input$1, g as TooltipPopup, gi as useFieldRootContext, gn as stringifyAsLabel, h as TooltipArrow, hi as useRegisterFieldControl, hn as isGroupedItems, i as DialogDescription, ii as inputPress, ji as EMPTY_OBJECT, jr as contains, jt as SelectSeparator, k as schemaObject, ki as useRenderElement, kr as isInteractiveElement, kt as SelectGroup, l as Icon, ln as popupStateMapping, lr as useValueAsRef, m as createTooltipHandle, mi as useFormContext, mn as hasNullItemLabel, mr as useTimeout, ni as inputChange, nn as InternalBackdrop, nr as Store, oi as listNavigation, on as CompositeList, or as require_with_selector, ot as decisionTask, p as TooltipTrigger, pi as useLabelableContext, pn as useOpenInteractionType, pt as discriminatedUnion, q as operandHandle, qr as useValueChanged, qt as MODIFIER_KEYS, r as DialogContent, ri as inputClear, rn as useAnchorPositioning, rr as useStore$1, rt as decisionLimits, s as DialogTitle, si as none$1, sn as inertValue, sr as require_builtin_esm_external_require_react, st as defaultDecisionQuestion, t as Dialog, tn as getDisabledMountTransitionStyles, tt as webhookSupportsBody, u as Tooltip, un as pressableTriggerOpenStateMapping, ur as useOnFirstRender, v as TooltipPortal, vi as useId$1, vn as compareItemEquality, vt as number, w as FieldError, wi as Button$1, wn as useTypeahead, wr as getMaxListIndex, x as Spinner, xi as visuallyHidden, xn as removeItem, xr as getGridCellIndexOfCorner, xt as strictObject, y as TooltipTrigger$1, yi as DEFAULT_FIELD_STATE_ATTRIBUTES, yn as defaultItemEquality, yr as createGridCellMap, zi as mergeProps, zt as ARROW_KEYS } from "./dialog-CS2Vt2if.js";
 import { a as renameObjectField, i as objectValue, n as isJsonValue, o as setObjectField, r as jsonDataTypes, s as valueType$1, t as initialValue, u as resolveUiLanguage } from "./value-BADHeZ9I.js";
-import { n as compile, r as validate } from "./flowRunInputEditorStore-B2Rw4VsT.js";
-import { t as WorkbenchSelect } from "./workbenchSelect-C-jf6NIM.js";
+import { n as compile, r as validate } from "./flowRunInputEditorStore-DJqmR6Qh.js";
+import { t as WorkbenchSelect } from "./workbenchSelect-CpXhjUou.js";
 import * as React from "react";
 import reactExports, { Children, Fragment, Suspense, createContext, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1474,6 +1474,473 @@ function AccountName({ name, builtIn, truncate = false }) {
 	});
 }
 //#endregion
+//#region src/form/browser/fieldTypeDisplay.tsx
+/** Presents a fixed type, optionally using its read-only surface as a disclosure control. */
+function FieldTypeDisplay({ id, label, accessibleLabel, icon, compact = true, addon = false, surface = false, disclosure }) {
+	const [container, setContainer] = useState(null);
+	const className = `flex ${addon ? "size-6 px-1" : "h-[30px] w-full px-2"} min-w-0 items-center gap-1.5 text-xs font-normal text-muted-foreground ${compact ? "justify-center" : ""} ${surface ? "rounded-[var(--ui-control-radius,var(--ui-radius))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] dark:bg-[var(--ui-control-background,var(--ui-muted))]" : ""}`;
+	return /* @__PURE__ */ jsx("div", {
+		ref: setContainer,
+		className: "min-w-0",
+		children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
+			render: disclosure == null ? /* @__PURE__ */ jsx("span", {
+				id,
+				role: "img",
+				"aria-label": accessibleLabel,
+				"data-field-control": surface || void 0,
+				"data-readonly": surface || void 0
+			}) : /* @__PURE__ */ jsx("button", {
+				id,
+				type: "button",
+				"aria-label": accessibleLabel,
+				"aria-expanded": disclosure.expanded,
+				"aria-controls": disclosure.controls,
+				"data-field-control": true,
+				"data-readonly": true,
+				onClick: disclosure.onToggle
+			}),
+			className: `${className} ${disclosure == null ? "cursor-default" : "cursor-pointer text-left outline-none hover:bg-accent focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-1 focus-visible:outline-ring"}`,
+			children: [icon, !compact && /* @__PURE__ */ jsx("span", {
+				className: "min-w-0 truncate",
+				children: label
+			})]
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			container,
+			children: label
+		})] })
+	});
+}
+//#endregion
+//#region src/form/browser/selectionMenuStyles.ts
+var selectionMenuContentClass = "rounded-[calc(var(--ui-control-radius,var(--ui-radius))_+_2px)] p-1";
+var selectionMenuItemClass = "mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal";
+//#endregion
+//#region src/form/browser/fieldSelect.tsx
+var fieldSelectTriggerClass = "w-full min-w-0 px-2 text-xs font-normal text-foreground";
+/** The field editor uses the product selection surface instead of the browser menu. */
+function FieldSelect({ id, value, onChange, children, disabled, readOnly, danger, icons, displayValue, showTooltip, variant, "aria-label": label, "aria-invalid": invalid, "aria-describedby": describedBy }) {
+	const [open, setOpen] = useState(false);
+	const [container, setContainer] = useState(null);
+	const options = Children.toArray(children).filter(isValidElement).map((child) => {
+		const props = child.props;
+		return {
+			value: String(props.value ?? props.children),
+			label: props.children,
+			disabled: props.disabled
+		};
+	});
+	const selected = options.find((option) => option.value === String(value));
+	if (readOnly && icons?.[value]) return /* @__PURE__ */ jsx(FieldTypeDisplay, {
+		addon: variant === "addon",
+		id,
+		label: selected?.label,
+		accessibleLabel: `${label}: ${selected?.label ?? value}`,
+		icon: /* @__PURE__ */ jsx("i", {
+			"aria-hidden": "true",
+			className: `${icons[value]} inline-block shrink-0 text-base`
+		})
+	});
+	const trigger = /* @__PURE__ */ jsx(SelectTrigger, {
+		id,
+		size: "field",
+		variant,
+		"aria-label": label,
+		"aria-invalid": invalid || danger,
+		"aria-describedby": describedBy,
+		"data-field-prompt": danger || void 0,
+		className: variant === "addon" ? void 0 : fieldSelectTriggerClass,
+		children: /* @__PURE__ */ jsx(SelectValue, {
+			className: variant === "addon" ? "flex-none justify-center" : void 0,
+			children: displayValue ?? (icons?.[value] ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("i", {
+				"aria-hidden": "true",
+				className: `${icons[value]} inline-block shrink-0 text-base`
+			}), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: selected?.label
+			})] }) : void 0)
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref: setContainer,
+		className: "min-w-0",
+		children: /* @__PURE__ */ jsxs(Select$1, {
+			open,
+			onOpenChange: setOpen,
+			value: String(value),
+			onValueChange: (next) => {
+				if (next != null) onChange(next);
+			},
+			disabled: disabled || readOnly,
+			items: options,
+			children: [icons || showTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: trigger }), /* @__PURE__ */ jsx(TooltipContent, {
+				container,
+				children: selected?.label
+			})] }) : trigger, /* @__PURE__ */ jsx(SelectContent, {
+				container,
+				align: "start",
+				alignItemWithTrigger: false,
+				className: `${selectionMenuContentClass} w-max min-w-[max(9rem,var(--anchor-width))] max-w-(--available-width)`,
+				children: options.filter((option) => !option.disabled).map((option) => /* @__PURE__ */ jsxs(SelectItem, {
+					value: option.value,
+					disabled: option.disabled,
+					className: selectionMenuItemClass,
+					children: [icons?.[option.value] && /* @__PURE__ */ jsx("i", {
+						"aria-hidden": "true",
+						className: `${icons[option.value]} inline-block shrink-0 text-base`
+					}), option.label]
+				}, option.value))
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/workbench/browser/runtime/editor/inspectorStatusSection.tsx
+function InspectorStatusSection({ title, actions, children, tone = "neutral", section, alert = false }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "inspector-status",
+		"data-tone": tone,
+		"data-inspector-section": section,
+		role: alert ? "alert" : void 0,
+		children: [/* @__PURE__ */ jsxs("h3", {
+			className: "inspector-section-title",
+			children: [title, actions]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "inspector-status-content",
+			children
+		})]
+	});
+}
+//#endregion
+//#region src/workbench/browser/runtime/editor/connectionSettings.tsx
+var manageAccountOption = "__manage-account__";
+var noAccountsOption = "__no-accounts__";
+function ConnectionAlert({ detail, disabled, message, onRetry }) {
+	const t = useTranslate();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "connection-alert",
+		role: "alert",
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				name: "alert",
+				size: 14
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "connection-alert-message",
+				children: [/* @__PURE__ */ jsx("p", { children: message }), detail != null && /* @__PURE__ */ jsx("p", { children: detail })]
+			}),
+			onRetry != null && /* @__PURE__ */ jsx(Button$1, {
+				disabled,
+				onClick: onRetry,
+				size: "sm",
+				type: "button",
+				variant: "secondary",
+				children: t("inspector.account.retry")
+			})
+		]
+	});
+}
+function AccountControlButton({ disabled, status, label, hint, onClick }) {
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(Button$1, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		className: "account-control justify-between font-normal",
+		"data-status": status,
+		disabled,
+		onClick,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: label
+		}), /* @__PURE__ */ jsx("i", {
+			"aria-hidden": "true",
+			className: status === "warning" ? "i-lucide-light:plus size-3.5" : "i-lucide-light:rotate-cw size-3.5"
+		})]
+	}) }), /* @__PURE__ */ jsx(TooltipContent, { children: hint ?? label })] });
+}
+function AccountSelect({ connections, disabled, loading = false, id, invalid, warning, addWhenEmpty, allowDeferred = false, label, selectedConnection, selectedId, onChange, onManage }) {
+	const t = useTranslate();
+	const [container, setContainer] = useState(null);
+	const selected = selectedConnection ?? connections.find((candidate) => candidate.connectionId == selectedId);
+	const showLoading = loading && selected == null && selectedId !== "";
+	const builtInName = t("inspector.account.oomolBuiltIn");
+	const displayName = (connection) => accountDisplayName(connection, connection.displayName, builtInName);
+	const selectedLabel = selectedId === "" ? t("inspector.account.deferred") : selected == null ? selectedId == null ? void 0 : `${selectedId} (${t("inspector.account.unavailable")})` : `${displayName(selected)}${selected.isDefault ? ` (${t("inspector.account.teamDefault")})` : ""}`;
+	const missingSelected = selectedId != null && selectedId !== "" && !connections.some((candidate) => candidate.connectionId == selectedId);
+	const empty = !loading && connections.length == 0;
+	const items = [
+		...allowDeferred || selectedId === "" ? [{
+			value: "",
+			label: t("inspector.account.deferred"),
+			disabled: !allowDeferred
+		}] : [],
+		...missingSelected ? [{
+			value: selectedId,
+			label: selectedLabel,
+			disabled: true
+		}] : [],
+		...empty ? [{
+			value: noAccountsOption,
+			label: t("inspector.account.noAccounts"),
+			disabled: true
+		}] : [],
+		...connections.map((candidate) => ({
+			value: candidate.connectionId,
+			label: `${displayName(candidate)}${candidate.isDefault ? ` (${t("inspector.account.teamDefault")})` : ""}`
+		})),
+		...onManage == null ? [] : [{
+			value: manageAccountOption,
+			label: t("inspector.account.addAccount")
+		}]
+	];
+	if (!allowDeferred && !loading && addWhenEmpty && connections.length === 0 && selectedId == null) return /* @__PURE__ */ jsx(AccountControlButton, {
+		disabled,
+		status: "warning",
+		onClick: onManage,
+		label: t("inspector.account.addAccount")
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref: setContainer,
+		className: "account-select relative min-w-0",
+		children: [/* @__PURE__ */ jsxs(Select$1, {
+			disabled: disabled || loading,
+			items,
+			value: selectedId ?? null,
+			onValueChange: (value) => {
+				if (value == null) return;
+				if (value == manageAccountOption) onManage?.();
+				else onChange(value);
+			},
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				id,
+				size: "field",
+				"aria-label": label ?? t("inspector.account.connection"),
+				"aria-busy": loading || void 0,
+				"aria-invalid": invalid || void 0,
+				"data-status": invalid ? "danger" : warning ? "warning" : void 0,
+				className: `${fieldSelectTriggerClass} account-control`,
+				children: /* @__PURE__ */ jsx(SelectValue, {
+					className: !loading && selectedId != null ? "mr-5" : void 0,
+					placeholder: t("inspector.account.chooseAccount"),
+					children: showLoading ? /* @__PURE__ */ jsxs("span", {
+						role: "status",
+						className: "flex min-w-0 items-center gap-2 text-muted-foreground",
+						children: [/* @__PURE__ */ jsx(Spinner, {}), /* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: t("inspector.account.loading")
+						})]
+					}) : selected == null ? selectedLabel : /* @__PURE__ */ jsx(AccountName, {
+						name: displayName(selected),
+						builtIn: selected.builtInAccount,
+						truncate: true
+					})
+				})
+			}), /* @__PURE__ */ jsxs(SelectContent, {
+				container,
+				align: "start",
+				alignItemWithTrigger: false,
+				className: `${selectionMenuContentClass} w-max min-w-[max(9rem,var(--anchor-width))] max-w-(--available-width)`,
+				children: [
+					(allowDeferred || selectedId === "") && /* @__PURE__ */ jsx(SelectItem, {
+						value: "",
+						disabled: !allowDeferred,
+						className: "mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal",
+						children: t("inspector.account.deferred")
+					}),
+					missingSelected && /* @__PURE__ */ jsx(SelectItem, {
+						value: selectedId,
+						disabled: true,
+						className: "mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal",
+						children: selectedLabel
+					}),
+					empty && /* @__PURE__ */ jsx(SelectItem, {
+						value: noAccountsOption,
+						disabled: true,
+						className: "mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal",
+						children: t("inspector.account.noAccounts")
+					}),
+					connections.map((candidate) => /* @__PURE__ */ jsxs(SelectItem, {
+						value: candidate.connectionId,
+						className: selectionMenuItemClass,
+						children: [/* @__PURE__ */ jsx(AccountName, {
+							name: displayName(candidate),
+							builtIn: candidate.builtInAccount,
+							truncate: true
+						}), candidate.isDefault ? ` (${t("inspector.account.teamDefault")})` : ""]
+					}, candidate.connectionId)),
+					onManage != null && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SelectSeparator, { className: "mx-2 bg-border/50" }), /* @__PURE__ */ jsx(SelectItem, {
+						value: manageAccountOption,
+						className: "mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal",
+						children: t("inspector.account.addAccount")
+					})] })
+				]
+			})]
+		}), !loading && selectedId != null && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button$1, {
+			className: "account-select-clear absolute top-1/2 right-7 -translate-y-1/2 text-muted-foreground",
+			type: "button",
+			variant: "ghost",
+			size: "icon-xs",
+			"aria-label": t(selectedId === "" ? "inspector.account.clearDeferred" : "connectionUsage.stopUsing"),
+			disabled,
+			onPointerDown: (event) => {
+				if (event.button == 0) onChange(void 0);
+			},
+			onClick: (event) => {
+				if (event.detail == 0) onChange(void 0);
+			},
+			children: /* @__PURE__ */ jsx("i", {
+				"aria-hidden": "true",
+				className: "i-lucide-light:x"
+			})
+		}) }), /* @__PURE__ */ jsx(TooltipContent, {
+			container,
+			children: t(selectedId === "" ? "inspector.account.clearDeferred" : "connectionUsage.stopUsing")
+		})] })]
+	});
+}
+function ConnectorAccount({ accessError, onConfigureAccess, action, actionError, actionId, activeConnections, authorizationPending, connection, connectionError, connectionId, connectors, disabled, fieldIdPrefix, loading, nodeId }) {
+	const t = useTranslate();
+	const available = activeConnections ?? [];
+	const accessIssue = accessError ?? (actionError?.code == "connector.access-required" || actionError?.code == "connector.access-invalid" ? actionError.message : void 0);
+	const pending = loading || accessIssue == null && actionError == null && (action == null || activeConnections == null && connectionError == null);
+	const required = !pending && (accessIssue != null || connectionId !== "" && action?.authenticated == true && (connectionId == null || activeConnections != null && connection?.status != "active"));
+	let onManage;
+	let content;
+	if (pending) content = /* @__PURE__ */ jsx("p", { children: t("inspector.account.loading") });
+	else if (accessIssue != null) content = /* @__PURE__ */ jsx("p", { children: accessIssue });
+	else if (actionError != null || action == null) {
+		const canRetry = actionError?.code != "authorization.denied" && actionError?.code != "connector.action-not-found";
+		content = /* @__PURE__ */ jsx(ConnectionAlert, {
+			disabled,
+			message: actionError?.code == "authorization.denied" ? t("inspector.account.contactAdmin") : actionError?.message ?? t("inspector.account.statusUnavailable", { action: actionId }),
+			onRetry: canRetry ? () => void connectors.refresh(true) : void 0
+		});
+	} else if (connectionError != null) content = /* @__PURE__ */ jsx(ConnectionAlert, {
+		detail: connectionError,
+		disabled,
+		message: t("inspector.account.refreshFailed"),
+		onRetry: () => void connectors.refresh(true)
+	});
+	else {
+		onManage = onConfigureAccess;
+		let status;
+		if (connectionId != null && connectionId !== "") {
+			if (connection == null) status = t("inspector.account.missing");
+			else if (connection.status != "active") status = t(`inspector.account.status.${connection.status}`);
+		}
+		content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			authorizationPending && /* @__PURE__ */ jsx("p", { children: t("inspector.account.authorizationPending") }),
+			/* @__PURE__ */ jsxs(Field, {
+				className: "connection-field",
+				children: [/* @__PURE__ */ jsx(FieldLabel, {
+					className: "sr-only",
+					htmlFor: `${fieldIdPrefix}-connection`,
+					children: t("inspector.account.connection")
+				}), /* @__PURE__ */ jsx(AccountSelect, {
+					allowDeferred: true,
+					connections: available,
+					disabled,
+					id: `${fieldIdPrefix}-connection`,
+					selectedConnection: connection,
+					selectedId: connectionId,
+					onChange: (next) => void connectors.setConnection(nodeId, next),
+					onManage: onConfigureAccess
+				})]
+			}),
+			status != null && /* @__PURE__ */ jsx("p", { children: status })
+		] });
+	}
+	return /* @__PURE__ */ jsxs(InspectorStatusSection, {
+		tone: required ? "warning" : "neutral",
+		section: "account",
+		title: t(!pending && accessIssue != null ? "inspector.account.accessTitle" : required ? "inspector.account.required" : "inspector.account.title"),
+		actions: onManage != null && /* @__PURE__ */ jsx(Button$1, {
+			className: "ml-auto",
+			disabled,
+			onClick: onManage,
+			size: "xs",
+			type: "button",
+			variant: "ghost",
+			children: t("inspector.account.manageAccount")
+		}),
+		children: [content, !pending && onConfigureAccess != null && accessIssue != null && /* @__PURE__ */ jsx(Button$1, {
+			className: "self-start",
+			disabled,
+			onClick: onConfigureAccess,
+			size: "sm",
+			type: "button",
+			variant: "default",
+			children: t("inspector.account.manageAccount")
+		})]
+	});
+}
+function TriggerConnection({ activeConnections, authorizationPending, connection, connectionError, connectionLoading, disabled, selection, onConfigureAccess, triggers }) {
+	const t = useTranslate();
+	const trigger = selection.trigger;
+	const providerTrigger = trigger.kind == "poll" || trigger.kind == "integration" ? trigger : void 0;
+	const fieldIdPrefix = `trigger-${selection.id}`;
+	const canManage = onConfigureAccess != null && !connectionLoading && connectionError == null && (activeConnections?.length ?? 0) > 0;
+	return providerTrigger == null ? null : /* @__PURE__ */ jsxs(InspectorStatusSection, {
+		tone: connection?.status == "active" ? "neutral" : "warning",
+		section: "account",
+		title: t(connection?.status == "active" ? "inspector.account.title" : "inspector.account.required"),
+		actions: canManage && /* @__PURE__ */ jsx(Button$1, {
+			className: "ml-auto",
+			disabled,
+			onClick: () => onConfigureAccess?.(providerTrigger.definition.provider),
+			size: "xs",
+			type: "button",
+			variant: "ghost",
+			children: t("inspector.account.manageAccount")
+		}),
+		children: [authorizationPending && /* @__PURE__ */ jsx("p", { children: t("inspector.account.authorizationPending") }), connectionLoading ? /* @__PURE__ */ jsx("p", { children: t("inspector.account.loading") }) : connectionError != null ? /* @__PURE__ */ jsx(ConnectionAlert, {
+			detail: connectionError,
+			disabled,
+			message: t("inspector.account.refreshFailed"),
+			onRetry: () => void triggers.refresh(true)
+		}) : (activeConnections?.length ?? 0) == 0 ? /* @__PURE__ */ jsxs("div", {
+			className: "inspector-status-prompt",
+			children: [/* @__PURE__ */ jsx("p", { children: t("inspector.account.connectBeforeRun", { service: providerTrigger.definition.provider }) }), /* @__PURE__ */ jsx(Button$1, {
+				disabled: disabled || onConfigureAccess == null,
+				onClick: () => onConfigureAccess?.(providerTrigger.definition.provider),
+				size: "sm",
+				type: "button",
+				children: t("inspector.account.manageAccount")
+			})]
+		}) : /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs(Field, {
+			className: "connection-field",
+			children: [/* @__PURE__ */ jsx(FieldLabel, {
+				className: "sr-only",
+				htmlFor: `${fieldIdPrefix}-connection`,
+				children: t("inspector.account.connection")
+			}), /* @__PURE__ */ jsx(AccountSelect, {
+				connections: activeConnections,
+				disabled,
+				id: `${fieldIdPrefix}-connection`,
+				selectedConnection: connection,
+				selectedId: connection?.connectionId,
+				onChange: (next) => void triggers.setConnection(selection.id, next),
+				onManage: onConfigureAccess == null ? void 0 : () => onConfigureAccess(providerTrigger.definition.provider)
+			})]
+		}) })]
+	});
+}
+/** A persisted reference has no live account health or authorization state. */
+function SavedConnectionReference({ action, connectionId }) {
+	const t = useTranslate();
+	return /* @__PURE__ */ jsxs(InspectorStatusSection, {
+		title: t("inspector.account.title"),
+		section: "account",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "reference-value",
+			children: action
+		}), connectionId != null && /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: t("inspector.account.connection") }), /* @__PURE__ */ jsx(Input$1, {
+			"aria-label": t("inspector.account.connection"),
+			readOnly: true,
+			value: connectionId
+		})] })]
+	});
+}
+//#endregion
 //#region src/workbench/browser/runtime/editor/connectorAccessPresentation.ts
 function connectorAccessPermissionGroupLabel(binding, t) {
 	if (binding.source == null) return t("connectorAccess.reauthorize");
@@ -2222,6 +2689,7 @@ function menuItems(options, providersOnly = false) {
 }
 function fallbackIcon$1(item) {
 	switch (item.type) {
+		case "workflow": return "flow";
 		case "agent": return "llm";
 		case "condition": return "condition";
 		case "decision": return "decision";
@@ -2232,6 +2700,7 @@ function fallbackIcon$1(item) {
 		case "approval": return "task";
 		case "trigger": return "trigger";
 		case "value": return "value";
+		case "outputs": return "outputs";
 		case "wait": return "wait";
 		case "new-task":
 		case "comment": return "task";
@@ -2776,7 +3245,7 @@ function hasConnectionUsageIssue(uses, access, providers, connections) {
 	if (pendingConnectionUses(uses, providers).length > 0) return true;
 	if (access?.version == 1 && access.bindings.some((binding) => binding.connectionId == null || binding.status != "active")) return true;
 	if (connections == null) return false;
-	const connectionIds = new Set(uses.flatMap((use) => use.connectionId == null ? [] : [use.connectionId]));
+	const connectionIds = new Set(uses.flatMap((use) => use.connectionId == null || use.connectionId === "" ? [] : [use.connectionId]));
 	for (const binding of access == null ? [] : access.version == 2 ? access.sharedBindings : access.bindings) if (binding.connectionId != null) connectionIds.add(binding.connectionId);
 	return [...connectionIds].some((id) => connections.find((connection) => connection.connectionId == id)?.status != "active");
 }
@@ -2812,7 +3281,7 @@ function ConnectionUsageButton(props) {
 					"aria-hidden": "true",
 					className: "i-lucide-light:plug",
 					"data-corner-icon": true,
-					style: hasIssue ? { color: "var(--warning-foreground)" } : void 0
+					style: hasIssue ? { color: "var(--ui-destructive)" } : void 0
 				})
 			})
 		}), /* @__PURE__ */ jsx(PopoverPanelContent, {
@@ -2825,7 +3294,7 @@ function ConnectionUsageButton(props) {
 				children: t("connectionUsage.title")
 			}),
 			closeLabel: t("connectionUsage.close"),
-			className: "w-96",
+			className: "w-md",
 			children: /* @__PURE__ */ jsx(ConnectorAccessSettings, {
 				...props,
 				onSelectReference: props.onSelectReference == null ? void 0 : (reference) => {
@@ -2878,6 +3347,7 @@ function ConnectorAccessSettings({ connectionHref, onManage, onSelectReference,
 	const [root, setRoot] = useState(null);
 	const [removing, setRemoving] = useState();
 	const [pending, setPending] = useState(false);
+	const [selectingAccount, setSelectingAccount] = useState(false);
 	const portal = useCallback((element) => {
 		panel.current = element;
 		setRoot(element?.closest(".open-flow-workbench") ?? element?.closest(".open-flow-theme") ?? null);
@@ -2888,7 +3358,7 @@ function ConnectorAccessSettings({ connectionHref, onManage, onSelectReference,
 	const uses = displayed?.connectorReferences.accounts ?? [];
 	const accounts = /* @__PURE__ */ new Map();
 	for (const use of uses) {
-		if (use.connectionId == null || accounts.has(use.connectionId)) continue;
+		if (use.connectionId == null || use.connectionId === "" || accounts.has(use.connectionId)) continue;
 		const connection = connections.find((item) => item.connectionId == use.connectionId);
 		accounts.set(use.connectionId, {
 			name: (published ? fixedSnapshot?.access.selectedBindings.find((binding) => binding.connectionId == use.connectionId)?.connectionDisplayName : void 0) ?? connection?.displayName ?? use.connectionId,
@@ -2908,6 +3378,8 @@ function ConnectorAccessSettings({ connectionHref, onManage, onSelectReference,
 		});
 	}
 	const pendingUses = pendingConnectionUses(uses, providers.data);
+	const deferredUses = uses.filter((use) => use.connectionId === "" && use.kind != "trigger");
+	const hasAccountUses = accounts.size > 0 || pendingUses.length > 0 || deferredUses.length > 0;
 	const providerMetadata = Object.fromEntries((providers.data ?? []).map((provider) => [provider.serviceId, provider]));
 	const referenceIcon = (reference) => {
 		const node = displayed?.node(reference.nodeId);
@@ -2938,9 +3410,9 @@ function ConnectorAccessSettings({ connectionHref, onManage, onSelectReference,
 					children: t("connectionUsage.published")
 				})]
 			}),
-			/* @__PURE__ */ jsx("p", {
+			published && /* @__PURE__ */ jsx("p", {
 				className: "m-0 text-xs text-muted-foreground",
-				children: t(published ? "connectionUsage.publishedDescription" : "connectionUsage.description")
+				children: t("connectionUsage.publishedDescription")
 			}),
 			published && snapshotError || !published && !state.loading && state.access == null ? /* @__PURE__ */ jsxs("p", {
 				role: "alert",
@@ -2957,21 +3429,72 @@ function ConnectorAccessSettings({ connectionHref, onManage, onSelectReference,
 			}) : !published && (state.loading || revision == null) || published && fixedSnapshot == null ? /* @__PURE__ */ jsx("p", {
 				className: "text-xs",
 				children: t("connectionUsage.loading")
-			}) : accounts.size == 0 && pendingUses.length == 0 ? /* @__PURE__ */ jsx("p", {
+			}) : !hasAccountUses ? /* @__PURE__ */ jsx("p", {
 				className: "text-xs text-muted-foreground",
 				children: t(published ? "connectionUsage.publishedEmpty" : "connectionUsage.empty")
 			}) : /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-4",
-				children: [pendingUses.length > 0 && /* @__PURE__ */ jsx("div", {
-					className: "rounded-md bg-[var(--warning-subtle-surface)] p-2 [--ui-control-hover-background:var(--warning-subtle-hover)]",
-					children: /* @__PURE__ */ jsx(AccountReferences, {
-						icon: referenceIcon,
-						references: pendingUses,
-						label: t("connectionUsage.needsConnection"),
-						labelClassName: "text-[var(--warning-foreground)]",
-						onSelect: published ? void 0 : onSelectReference
-					})
-				}), /* @__PURE__ */ jsx("div", {
+				children: [[{
+					deferred: false,
+					references: pendingUses
+				}, {
+					deferred: true,
+					references: deferredUses
+				}].map(({ deferred, references }) => references.length > 0 && /* @__PURE__ */ jsxs("section", {
+					className: "flex flex-col gap-3",
+					"aria-label": t(deferred ? "inspector.account.deferred" : "connectionUsage.needsConnection"),
+					children: [/* @__PURE__ */ jsx("h3", {
+						className: cn$1("m-0 text-xs font-medium", deferred ? "text-muted-foreground" : "text-[var(--warning-foreground)]"),
+						children: t(deferred ? "inspector.account.deferred" : "connectionUsage.needsConnection")
+					}), [...new Set(references.map((use) => use.providerId))].map((providerId) => {
+						const provider = providers.data?.find((item) => item.serviceId == providerId) ?? {
+							serviceId: providerId,
+							serviceName: providerId
+						};
+						const providerReferences = references.filter((use) => use.providerId == providerId);
+						return /* @__PURE__ */ jsxs("section", {
+							"aria-label": provider.serviceName,
+							className: cn$1("flex min-w-0 flex-col gap-3 rounded-md p-3", deferred ? "border border-border/50" : "bg-[var(--warning-subtle-surface)] [--ui-control-hover-background:var(--warning-subtle-hover)]"),
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex min-w-0 items-center gap-2 text-[13px] font-medium",
+									children: [/* @__PURE__ */ jsx(ContentIcon, {
+										src: providerIcon(provider),
+										className: "size-4 shrink-0 data-[icon-kind=initials]:text-[20px]"
+									}), /* @__PURE__ */ jsx("span", {
+										className: "min-w-0 truncate",
+										title: provider.serviceName,
+										children: provider.serviceName
+									})]
+								}),
+								!published && /* @__PURE__ */ jsx(AccountSelect, {
+									connections: connections.filter((connection) => connection.serviceId == providerId && connection.status == "active"),
+									disabled: selectingAccount || connectionState.error != null,
+									loading: connectionState.data == null && connectionState.error == null,
+									warning: !deferred,
+									selectedId: deferred ? "" : void 0,
+									allowDeferred: !providerReferences.some((use) => use.kind == "trigger"),
+									label: t("actionPicker.accountFor", { action: provider.serviceName }),
+									onChange: (connectionId) => {
+										setSelectingAccount(true);
+										store.workspace.setServiceConnections(providerId, connectionId, deferred ? "" : void 0).then((saved) => {
+											setSelectingAccount(false);
+											if (saved) panel.current?.focus();
+										});
+									},
+									onManage: () => void store.connectors.connect(providerId)
+								}),
+								/* @__PURE__ */ jsx(AccountReferences, {
+									showLabel: false,
+									icon: referenceIcon,
+									references: providerReferences,
+									label: t(deferred ? "inspector.account.deferred" : "connectionUsage.needsConnection"),
+									onSelect: published ? void 0 : onSelectReference
+								})
+							]
+						}, providerId);
+					})]
+				}, String(deferred))), /* @__PURE__ */ jsx("div", {
 					className: "flex flex-col gap-4",
 					children: [...new Set([...accounts.values()].map((account) => account.providerId))].map((providerId) => {
 						const provider = providers.data?.find((item) => item.serviceId == providerId) ?? {
@@ -2990,7 +3513,8 @@ function ConnectorAccessSettings({ connectionHref, onManage, onSelectReference,
 										src: providerIcon(provider),
 										className: "size-4 shrink-0 data-[icon-kind=initials]:text-[20px]"
 									}), /* @__PURE__ */ jsx("span", {
-										className: "min-w-0 wrap-anywhere",
+										className: "min-w-0 truncate",
+										title: provider.serviceName,
 										children: provider.serviceName
 									})]
 								}), /* @__PURE__ */ jsx("span", {
@@ -3013,7 +3537,8 @@ function ConnectorAccessSettings({ connectionHref, onManage, onSelectReference,
 														className: "i-codicon:credit-card size-3.5 shrink-0 text-sm text-muted-foreground"
 													}), /* @__PURE__ */ jsx(AccountName, {
 														name: accountDisplayName(connection, account.name, builtInName),
-														builtIn: connection?.builtInAccount
+														builtIn: connection?.builtInAccount,
+														truncate: true
 													})]
 												}), !published && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 													render: /* @__PURE__ */ jsx(Button$1, {
@@ -3056,7 +3581,7 @@ function ConnectorAccessSettings({ connectionHref, onManage, onSelectReference,
 					})
 				})]
 			}),
-			accounts.size > 0 && (connectionState.error != null || connectionState.data == null) && /* @__PURE__ */ jsxs("p", {
+			hasAccountUses && (connectionState.error != null || connectionState.data == null) && /* @__PURE__ */ jsxs("p", {
 				className: "text-xs text-muted-foreground",
 				role: "status",
 				children: [t(connectionState.error != null ? "connectorAccess.accountsFailed" : "inspector.account.loading"), connectionState.error != null && /* @__PURE__ */ jsx(Button$1, {
@@ -3466,14 +3991,14 @@ function ConnectorAccessEmptyState({ store, serviceId }) {
 		})]
 	});
 }
-function AccountReferences({ hierarchy = false, icon, code = false, references, label, labelClassName, onSelect }) {
+function AccountReferences({ hierarchy = false, showLabel = !hierarchy, icon, code = false, references, label, onSelect }) {
 	const t = useTranslate();
 	if (references.length == 0 && !code) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex min-w-0 flex-col gap-1",
 		children: [
-			(!hierarchy || references.length == 0) && /* @__PURE__ */ jsx("span", {
-				className: cn$1("text-xs text-muted-foreground", labelClassName),
+			(showLabel || references.length == 0) && /* @__PURE__ */ jsx("span", {
+				className: "text-xs text-muted-foreground",
 				children: references.length > 0 ? label : t("connectionUsage.codeAccess")
 			}),
 			references.length > 0 && /* @__PURE__ */ jsx("ul", {
@@ -3486,7 +4011,8 @@ function AccountReferences({ hierarchy = false, icon, code = false, references,
 							className: "size-4 shrink-0 data-[icon-kind=initials]:text-[20px]"
 						}),
 						/* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 wrap-anywhere",
+							className: "min-w-0 flex-1 truncate",
+							title: reference.name,
 							children: reference.name
 						}),
 						reference.kind != null && /* @__PURE__ */ jsx("span", {
@@ -3506,7 +4032,7 @@ function AccountReferences({ hierarchy = false, icon, code = false, references,
 							className: "flex min-h-7 items-center gap-2 px-2 py-1 text-[13px]",
 							children: content
 						}) : /* @__PURE__ */ jsxs(Button$1, {
-							className: "h-auto min-h-7 w-full justify-start gap-2 px-2 py-1 text-left text-[13px] font-normal whitespace-normal",
+							className: "h-auto min-h-7 w-full justify-start gap-2 px-2 py-1 text-left text-[13px] font-normal",
 							variant: "ghost",
 							size: "xs",
 							type: "button",
@@ -3516,7 +4042,11 @@ function AccountReferences({ hierarchy = false, icon, code = false, references,
 								className: "i-lucide-light:arrow-up-right size-3 shrink-0 text-muted-foreground"
 							})]
 						})]
-					}, JSON.stringify([reference.nodeId, reference.kind]));
+					}, JSON.stringify([
+						reference.nodeId,
+						reference.kind,
+						reference.providerId
+					]));
 				})
 			}),
 			code && /* @__PURE__ */ jsx("p", {
@@ -3530,7 +4060,7 @@ function ConnectionConsoleLink({ href, children }) {
 	const className = cn$1(buttonVariants({
 		variant: "ghost",
 		size: "xs"
-	}), "-my-1 -ml-2 min-w-0 h-auto min-h-6 shrink justify-start gap-2 py-1 text-left text-[13px] text-foreground whitespace-normal");
+	}), "-my-1 -ml-2 min-w-0 h-auto min-h-6 shrink justify-start gap-2 py-1 text-left text-[13px] text-foreground");
 	return href == null ? /* @__PURE__ */ jsx("span", {
 		className: cn$1(className, "pointer-events-none"),
 		children
@@ -5875,458 +6405,8 @@ function ActionPickerPage({ portalRoot, connectors, disabled, selected, onToggle
 	});
 }
 //#endregion
-//#region src/form/browser/fieldTypeDisplay.tsx
-/** Presents a fixed type, optionally using its read-only surface as a disclosure control. */
-function FieldTypeDisplay({ id, label, accessibleLabel, icon, compact = true, addon = false, surface = false, disclosure }) {
-	const [container, setContainer] = useState(null);
-	const className = `flex ${addon ? "size-6 px-1" : "h-[30px] w-full px-2"} min-w-0 items-center gap-1.5 text-xs font-normal text-muted-foreground ${compact ? "justify-center" : ""} ${surface ? "rounded-[var(--ui-control-radius,var(--ui-radius))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] dark:bg-[var(--ui-control-background,var(--ui-muted))]" : ""}`;
-	return /* @__PURE__ */ jsx("div", {
-		ref: setContainer,
-		className: "min-w-0",
-		children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
-			render: disclosure == null ? /* @__PURE__ */ jsx("span", {
-				id,
-				role: "img",
-				"aria-label": accessibleLabel,
-				"data-field-control": surface || void 0,
-				"data-readonly": surface || void 0
-			}) : /* @__PURE__ */ jsx("button", {
-				id,
-				type: "button",
-				"aria-label": accessibleLabel,
-				"aria-expanded": disclosure.expanded,
-				"aria-controls": disclosure.controls,
-				"data-field-control": true,
-				"data-readonly": true,
-				onClick: disclosure.onToggle
-			}),
-			className: `${className} ${disclosure == null ? "cursor-default" : "cursor-pointer text-left outline-none hover:bg-accent focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-1 focus-visible:outline-ring"}`,
-			children: [icon, !compact && /* @__PURE__ */ jsx("span", {
-				className: "min-w-0 truncate",
-				children: label
-			})]
-		}), /* @__PURE__ */ jsx(TooltipContent, {
-			container,
-			children: label
-		})] })
-	});
-}
-//#endregion
-//#region src/form/browser/selectionMenuStyles.ts
-var selectionMenuContentClass = "rounded-[calc(var(--ui-control-radius,var(--ui-radius))_+_2px)] p-1";
-var selectionMenuItemClass = "mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal";
-//#endregion
-//#region src/form/browser/fieldSelect.tsx
-var fieldSelectTriggerClass = "w-full min-w-0 px-2 text-xs font-normal text-foreground";
-/** The field editor uses the product selection surface instead of the browser menu. */
-function FieldSelect({ id, value, onChange, children, disabled, readOnly, danger, icons, displayValue, showTooltip, variant, "aria-label": label, "aria-invalid": invalid, "aria-describedby": describedBy }) {
-	const [open, setOpen] = useState(false);
-	const [container, setContainer] = useState(null);
-	const options = Children.toArray(children).filter(isValidElement).map((child) => {
-		const props = child.props;
-		return {
-			value: String(props.value ?? props.children),
-			label: props.children,
-			disabled: props.disabled
-		};
-	});
-	const selected = options.find((option) => option.value === String(value));
-	if (readOnly && icons?.[value]) return /* @__PURE__ */ jsx(FieldTypeDisplay, {
-		addon: variant === "addon",
-		id,
-		label: selected?.label,
-		accessibleLabel: `${label}: ${selected?.label ?? value}`,
-		icon: /* @__PURE__ */ jsx("i", {
-			"aria-hidden": "true",
-			className: `${icons[value]} inline-block shrink-0 text-base`
-		})
-	});
-	const trigger = /* @__PURE__ */ jsx(SelectTrigger, {
-		id,
-		size: "field",
-		variant,
-		"aria-label": label,
-		"aria-invalid": invalid || danger,
-		"aria-describedby": describedBy,
-		"data-field-prompt": danger || void 0,
-		className: variant === "addon" ? void 0 : fieldSelectTriggerClass,
-		children: /* @__PURE__ */ jsx(SelectValue, {
-			className: variant === "addon" ? "flex-none justify-center" : void 0,
-			children: displayValue ?? (icons?.[value] ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("i", {
-				"aria-hidden": "true",
-				className: `${icons[value]} inline-block shrink-0 text-base`
-			}), /* @__PURE__ */ jsx("span", {
-				className: "sr-only",
-				children: selected?.label
-			})] }) : void 0)
-		})
-	});
-	return /* @__PURE__ */ jsx("div", {
-		ref: setContainer,
-		className: "min-w-0",
-		children: /* @__PURE__ */ jsxs(Select$1, {
-			open,
-			onOpenChange: setOpen,
-			value: String(value),
-			onValueChange: (next) => {
-				if (next != null) onChange(next);
-			},
-			disabled: disabled || readOnly,
-			items: options,
-			children: [icons || showTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: trigger }), /* @__PURE__ */ jsx(TooltipContent, {
-				container,
-				children: selected?.label
-			})] }) : trigger, /* @__PURE__ */ jsx(SelectContent, {
-				container,
-				align: "start",
-				alignItemWithTrigger: false,
-				className: `${selectionMenuContentClass} w-max min-w-[max(9rem,var(--anchor-width))] max-w-(--available-width)`,
-				children: options.filter((option) => !option.disabled).map((option) => /* @__PURE__ */ jsxs(SelectItem, {
-					value: option.value,
-					disabled: option.disabled,
-					className: selectionMenuItemClass,
-					children: [icons?.[option.value] && /* @__PURE__ */ jsx("i", {
-						"aria-hidden": "true",
-						className: `${icons[option.value]} inline-block shrink-0 text-base`
-					}), option.label]
-				}, option.value))
-			})]
-		})
-	});
-}
-//#endregion
-//#region src/workbench/browser/runtime/editor/connectionSettings.tsx
-var manageAccountOption = "__manage-account__";
-function ConnectionAlert({ detail, disabled, message, onRetry }) {
-	const t = useTranslate();
-	return /* @__PURE__ */ jsxs("div", {
-		className: "connection-alert",
-		role: "alert",
-		children: [
-			/* @__PURE__ */ jsx(Icon, {
-				name: "alert",
-				size: 14
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "connection-alert-message",
-				children: [/* @__PURE__ */ jsx("p", { children: message }), detail != null && /* @__PURE__ */ jsx("p", { children: detail })]
-			}),
-			onRetry != null && /* @__PURE__ */ jsx(Button$1, {
-				disabled,
-				onClick: onRetry,
-				size: "sm",
-				type: "button",
-				variant: "secondary",
-				children: t("inspector.account.retry")
-			})
-		]
-	});
-}
-function AccountControlButton({ disabled, status, label, hint, onClick }) {
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(Button$1, {
-		type: "button",
-		variant: "outline",
-		size: "sm",
-		className: "account-control justify-between font-normal",
-		"data-status": status,
-		disabled,
-		onClick,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "truncate",
-			children: label
-		}), /* @__PURE__ */ jsx("i", {
-			"aria-hidden": "true",
-			className: status === "warning" ? "i-lucide-light:plus size-3.5" : "i-lucide-light:rotate-cw size-3.5"
-		})]
-	}) }), /* @__PURE__ */ jsx(TooltipContent, { children: hint ?? label })] });
-}
-function AccountSelect({ connections, disabled, loading = false, id, invalid, warning, addWhenEmpty, label, selectedConnection, selectedId, onChange, onManage }) {
-	const t = useTranslate();
-	const [container, setContainer] = useState(null);
-	const selected = selectedConnection ?? connections.find((candidate) => candidate.connectionId == selectedId);
-	const showLoading = loading && selected == null;
-	const builtInName = t("inspector.account.oomolBuiltIn");
-	const displayName = (connection) => accountDisplayName(connection, connection.displayName, builtInName);
-	const selectedLabel = selected == null ? selectedId == null ? void 0 : `${selectedId} (${t("inspector.account.unavailable")})` : `${displayName(selected)}${selected.isDefault ? ` (${t("inspector.account.teamDefault")})` : ""}`;
-	const missingSelected = selectedId != null && !connections.some((candidate) => candidate.connectionId == selectedId);
-	const items = [
-		...missingSelected ? [{
-			value: selectedId,
-			label: selectedLabel,
-			disabled: true
-		}] : [],
-		...connections.map((candidate) => ({
-			value: candidate.connectionId,
-			label: `${displayName(candidate)}${candidate.isDefault ? ` (${t("inspector.account.teamDefault")})` : ""}`
-		})),
-		...onManage == null ? [] : [{
-			value: manageAccountOption,
-			label: t("inspector.account.addAccount")
-		}]
-	];
-	if (!loading && addWhenEmpty && connections.length === 0 && selectedId == null) return /* @__PURE__ */ jsx(AccountControlButton, {
-		disabled,
-		status: "warning",
-		onClick: onManage,
-		label: t("inspector.account.addAccount")
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		ref: setContainer,
-		className: "account-select relative min-w-0",
-		children: [/* @__PURE__ */ jsxs(Select$1, {
-			disabled: disabled || loading,
-			items,
-			value: selectedId ?? null,
-			onValueChange: (value) => {
-				if (value == null) return;
-				if (value == manageAccountOption) onManage?.();
-				else onChange(value);
-			},
-			children: [/* @__PURE__ */ jsx(SelectTrigger, {
-				id,
-				size: "field",
-				"aria-label": label ?? t("inspector.account.connection"),
-				"aria-busy": loading || void 0,
-				"aria-invalid": invalid || void 0,
-				"data-status": invalid ? "danger" : warning ? "warning" : void 0,
-				className: `${fieldSelectTriggerClass} account-control`,
-				children: /* @__PURE__ */ jsx(SelectValue, {
-					className: !loading && selectedId != null ? "mr-5" : void 0,
-					placeholder: t("inspector.account.chooseAccount"),
-					children: showLoading ? /* @__PURE__ */ jsxs("span", {
-						role: "status",
-						className: "flex min-w-0 items-center gap-2 text-muted-foreground",
-						children: [/* @__PURE__ */ jsx(Spinner, {}), /* @__PURE__ */ jsx("span", {
-							className: "truncate",
-							children: t("inspector.account.loading")
-						})]
-					}) : selected == null ? selectedLabel : /* @__PURE__ */ jsx(AccountName, {
-						name: displayName(selected),
-						builtIn: selected.builtInAccount,
-						truncate: true
-					})
-				})
-			}), /* @__PURE__ */ jsxs(SelectContent, {
-				container,
-				align: "start",
-				alignItemWithTrigger: false,
-				className: `${selectionMenuContentClass} w-max min-w-[max(9rem,var(--anchor-width))] max-w-(--available-width)`,
-				children: [
-					missingSelected && /* @__PURE__ */ jsx(SelectItem, {
-						value: selectedId,
-						disabled: true,
-						className: "mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal",
-						children: selectedLabel
-					}),
-					connections.map((candidate) => /* @__PURE__ */ jsxs(SelectItem, {
-						value: candidate.connectionId,
-						className: selectionMenuItemClass,
-						children: [/* @__PURE__ */ jsx(AccountName, {
-							name: displayName(candidate),
-							builtIn: candidate.builtInAccount,
-							truncate: true
-						}), candidate.isDefault ? ` (${t("inspector.account.teamDefault")})` : ""]
-					}, candidate.connectionId)),
-					onManage != null && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SelectSeparator, { className: "mx-2 bg-border/50" }), /* @__PURE__ */ jsx(SelectItem, {
-						value: manageAccountOption,
-						className: "mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal",
-						children: t("inspector.account.addAccount")
-					})] })
-				]
-			})]
-		}), !loading && selectedId != null && /* @__PURE__ */ jsx(Button$1, {
-			className: "account-select-clear absolute top-1/2 right-7 -translate-y-1/2 text-muted-foreground",
-			type: "button",
-			variant: "ghost",
-			size: "icon-xs",
-			"aria-label": t("connectionUsage.stopUsing"),
-			title: t("connectionUsage.stopUsing"),
-			disabled,
-			onPointerDown: (event) => {
-				if (event.button == 0) onChange(void 0);
-			},
-			onClick: (event) => {
-				if (event.detail == 0) onChange(void 0);
-			},
-			children: /* @__PURE__ */ jsx("i", {
-				"aria-hidden": "true",
-				className: "i-lucide-light:x"
-			})
-		})]
-	});
-}
-function ConnectorAccount({ accessError, onConfigureAccess, action, actionError, actionId, activeConnections, authorizationPending, connection, connectionError, connectionId, connectors, disabled, fieldIdPrefix, loading, nodeId }) {
-	const t = useTranslate();
-	const available = activeConnections ?? [];
-	const accessIssue = accessError ?? (actionError?.code == "connector.access-required" || actionError?.code == "connector.access-invalid" ? actionError.message : void 0);
-	const pending = loading || accessIssue == null && actionError == null && (action == null || activeConnections == null && connectionError == null);
-	const required = !pending && (accessIssue != null || action?.authenticated == true && (connectionId == null || activeConnections != null && connection?.status != "active"));
-	let onManage;
-	let content;
-	if (pending) content = /* @__PURE__ */ jsx("p", { children: t("inspector.account.loading") });
-	else if (accessIssue != null) content = /* @__PURE__ */ jsx("p", { children: accessIssue });
-	else if (actionError != null || action == null) {
-		const canRetry = actionError?.code != "authorization.denied" && actionError?.code != "connector.action-not-found";
-		content = /* @__PURE__ */ jsx(ConnectionAlert, {
-			disabled,
-			message: actionError?.code == "authorization.denied" ? t("inspector.account.contactAdmin") : actionError?.message ?? t("inspector.account.statusUnavailable", { action: actionId }),
-			onRetry: canRetry ? () => void connectors.refresh(true) : void 0
-		});
-	} else if (connectionError != null) content = /* @__PURE__ */ jsx(ConnectionAlert, {
-		detail: connectionError,
-		disabled,
-		message: t("inspector.account.refreshFailed"),
-		onRetry: () => void connectors.refresh(true)
-	});
-	else if (connectionId == null && available.length == 0) content = /* @__PURE__ */ jsxs(Fragment$1, { children: [authorizationPending && /* @__PURE__ */ jsx("p", { children: t("inspector.account.authorizationPending") }), /* @__PURE__ */ jsxs("div", {
-		className: "connection-prompt",
-		children: [/* @__PURE__ */ jsx("p", { children: t("inspector.account.connectBeforeRun", { service: action.serviceName }) }), /* @__PURE__ */ jsxs(Button$1, {
-			disabled: disabled || onConfigureAccess == null,
-			onClick: onConfigureAccess,
-			size: "sm",
-			type: "button",
-			children: [/* @__PURE__ */ jsx(Icon, {
-				"data-icon": "inline-start",
-				name: "plus"
-			}), t("inspector.account.manageAccount")]
-		})]
-	})] });
-	else {
-		onManage = onConfigureAccess;
-		let status;
-		if (connectionId != null) {
-			if (connection == null) status = t("inspector.account.missing");
-			else if (connection.status != "active") status = t(`inspector.account.status.${connection.status}`);
-		}
-		content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			authorizationPending && /* @__PURE__ */ jsx("p", { children: t("inspector.account.authorizationPending") }),
-			/* @__PURE__ */ jsxs(Field, {
-				className: "connection-field",
-				children: [/* @__PURE__ */ jsx(FieldLabel, {
-					className: "sr-only",
-					htmlFor: `${fieldIdPrefix}-connection`,
-					children: t("inspector.account.connection")
-				}), /* @__PURE__ */ jsx(AccountSelect, {
-					connections: available,
-					disabled,
-					id: `${fieldIdPrefix}-connection`,
-					selectedConnection: connection,
-					selectedId: connectionId,
-					onChange: (next) => void connectors.setConnection(nodeId, next),
-					onManage: onConfigureAccess
-				})]
-			}),
-			status != null && /* @__PURE__ */ jsx("p", { children: status })
-		] });
-	}
-	return /* @__PURE__ */ jsxs("section", {
-		className: `connection-state ${required ? "required" : ""}`,
-		"data-inspector-section": "account",
-		children: [/* @__PURE__ */ jsxs("h3", {
-			className: "inspector-section-title",
-			children: [t(!pending && accessIssue != null ? "inspector.account.accessTitle" : required ? "inspector.account.required" : "inspector.account.title"), onManage != null && /* @__PURE__ */ jsx(Button$1, {
-				className: "ml-auto",
-				disabled,
-				onClick: onManage,
-				size: "xs",
-				type: "button",
-				variant: "ghost",
-				children: t("inspector.account.manageAccount")
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "connection-state-content",
-			children: [content, !pending && onConfigureAccess != null && accessIssue != null && /* @__PURE__ */ jsx(Button$1, {
-				className: "self-start",
-				disabled,
-				onClick: onConfigureAccess,
-				size: "sm",
-				type: "button",
-				variant: "default",
-				children: t("inspector.account.manageAccount")
-			})]
-		})]
-	});
-}
-function TriggerConnection({ activeConnections, authorizationPending, connection, connectionError, connectionLoading, disabled, selection, onConfigureAccess, triggers }) {
-	const t = useTranslate();
-	const trigger = selection.trigger;
-	const providerTrigger = trigger.kind == "poll" || trigger.kind == "integration" ? trigger : void 0;
-	const fieldIdPrefix = `trigger-${selection.id}`;
-	const canManage = onConfigureAccess != null && !connectionLoading && connectionError == null && (activeConnections?.length ?? 0) > 0;
-	return providerTrigger == null ? null : /* @__PURE__ */ jsxs("section", {
-		className: `connection-state ${connection?.status == "active" ? "" : "required"}`,
-		"data-inspector-section": "account",
-		children: [/* @__PURE__ */ jsxs("h3", {
-			className: "inspector-section-title",
-			children: [t(connection?.status == "active" ? "inspector.account.title" : "inspector.account.required"), canManage && /* @__PURE__ */ jsx(Button$1, {
-				className: "ml-auto",
-				disabled,
-				onClick: () => onConfigureAccess?.(providerTrigger.definition.provider),
-				size: "xs",
-				type: "button",
-				variant: "ghost",
-				children: t("inspector.account.manageAccount")
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "connection-state-content",
-			children: [authorizationPending && /* @__PURE__ */ jsx("p", { children: t("inspector.account.authorizationPending") }), connectionLoading ? /* @__PURE__ */ jsx("p", { children: t("inspector.account.loading") }) : connectionError != null ? /* @__PURE__ */ jsx(ConnectionAlert, {
-				detail: connectionError,
-				disabled,
-				message: t("inspector.account.refreshFailed"),
-				onRetry: () => void triggers.refresh(true)
-			}) : (activeConnections?.length ?? 0) == 0 ? /* @__PURE__ */ jsxs("div", {
-				className: "connection-prompt",
-				children: [/* @__PURE__ */ jsx("p", { children: t("inspector.account.connectBeforeRun", { service: providerTrigger.definition.provider }) }), /* @__PURE__ */ jsx(Button$1, {
-					disabled: disabled || onConfigureAccess == null,
-					onClick: () => onConfigureAccess?.(providerTrigger.definition.provider),
-					size: "sm",
-					type: "button",
-					children: t("inspector.account.manageAccount")
-				})]
-			}) : /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs(Field, {
-				className: "connection-field",
-				children: [/* @__PURE__ */ jsx(FieldLabel, {
-					className: "sr-only",
-					htmlFor: `${fieldIdPrefix}-connection`,
-					children: t("inspector.account.connection")
-				}), /* @__PURE__ */ jsx(AccountSelect, {
-					connections: activeConnections,
-					disabled,
-					id: `${fieldIdPrefix}-connection`,
-					selectedConnection: connection,
-					selectedId: connection?.connectionId,
-					onChange: (next) => void triggers.setConnection(selection.id, next),
-					onManage: onConfigureAccess == null ? void 0 : () => onConfigureAccess(providerTrigger.definition.provider)
-				})]
-			}) })]
-		})]
-	});
-}
-/** A persisted reference has no live account health or authorization state. */
-function SavedConnectionReference({ action, connectionId }) {
-	const t = useTranslate();
-	return /* @__PURE__ */ jsxs("section", {
-		className: "connection-state",
-		"data-inspector-section": "account",
-		children: [/* @__PURE__ */ jsx("h3", {
-			className: "inspector-section-title",
-			children: t("inspector.account.title")
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "connection-state-content",
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "reference-value",
-				children: action
-			}), connectionId != null && /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: t("inspector.account.connection") }), /* @__PURE__ */ jsx(Input$1, {
-				"aria-label": t("inspector.account.connection"),
-				readOnly: true,
-				value: connectionId
-			})] })]
-		})]
-	});
-}
-//#endregion
 //#region src/workbench/browser/runtime/editor/actionSelectionDialog.tsx
-function ActionSelectionDialog({ title, entries, connectors, prepareAction, disabled, createEntry, onSave, settings, trigger, triggerHint }) {
+function ActionSelectionDialog({ title, entries, connectors, prepareAction, disabled, createEntry, onSave, notify, settings, trigger, triggerHint }) {
 	const t = useTranslate();
 	const [open, setOpen] = useState(false);
 	const [root, setRoot] = useState(null);
@@ -6368,6 +6448,7 @@ function ActionSelectionDialog({ title, entries, connectors, prepareAction, disa
 						children: t("actionPicker.description")
 					}),
 					/* @__PURE__ */ jsx(ActionSelectionEditor, {
+						notify,
 						entries,
 						connectors,
 						prepareAction,
@@ -6391,7 +6472,7 @@ function ActionSelectionDialog({ title, entries, connectors, prepareAction, disa
 		})
 	});
 }
-function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, createEntry, onSave, onCancel, settings }) {
+function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, createEntry, onSave, notify, onCancel, settings }) {
 	const t = useTranslate();
 	const [draft, setDraft] = useState(entries);
 	const actions = useVal(connectors.$.actions);
@@ -6399,7 +6480,6 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 	const [initialEntries] = useState(entries);
 	const [displayOrder, setDisplayOrder] = useState(entries.length === 0 ? [] : null);
 	const [prepared, setPrepared] = useState({});
-	const [error, setError] = useState();
 	const [attempt, setAttempt] = useState(0);
 	const [preparationErrors, setPreparationErrors] = useState({});
 	const discovered = useRef(/* @__PURE__ */ new Map());
@@ -6492,6 +6572,7 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 			if (preparationErrors[entry.action] != null) return 0;
 			const resolved = prepared[entry.action];
 			if (!resolved?.action.authenticated) return 2;
+			if (entry.connectionId === "") return 2;
 			if (entry.connectionId == null) return 1;
 			return resolved.connections.some((account) => account.connectionId === entry.connectionId && account.status === "active") ? 2 : 0;
 		};
@@ -6518,7 +6599,6 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 	const refresh = async () => {
 		setDisplayOrder((current) => current ?? draft.map((entry) => entry.action));
 		setRefreshing(true);
-		setError(void 0);
 		const controller = new AbortController();
 		try {
 			const services = new Set(draft.flatMap((entry) => {
@@ -6532,7 +6612,7 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 			setPrepared({});
 			setAttempt((value) => value + 1);
 		} catch (cause) {
-			if (mounted.current) setError(cause instanceof Error ? cause.message : String(cause));
+			if (mounted.current) notify(errorNotice(cause, t));
 		} finally {
 			if (mounted.current) setRefreshing(false);
 			controller.abort();
@@ -6603,7 +6683,7 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 							const action = resolved?.action ?? discovered.current.get(entry.action) ?? actions[entry.action];
 							const accounts = resolved?.connections ?? [];
 							const selected = connections.find((account) => account.connectionId == entry.connectionId);
-							const accountInvalid = resolved != null && action?.authenticated && entry.connectionId != null && !accounts.some((account) => account.connectionId == entry.connectionId && account.status == "active");
+							const accountInvalid = resolved != null && action?.authenticated && entry.connectionId != null && entry.connectionId !== "" && !accounts.some((account) => account.connectionId == entry.connectionId && account.status == "active");
 							return /* @__PURE__ */ jsxs("section", {
 								className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-x-2.5 gap-y-1 py-4 first:pt-1 last:pb-1",
 								children: [/* @__PURE__ */ jsxs("div", {
@@ -6701,7 +6781,7 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 										selectedId: entry.connectionId,
 										invalid: accountInvalid === true,
 										warning: entry.connectionId == null,
-										addWhenEmpty: true,
+										allowDeferred: true,
 										label: t("actionPicker.accountFor", { action: action?.name ?? entry.action }),
 										disabled,
 										onChange: (connectionId) => {
@@ -6711,7 +6791,7 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 												connectionId
 											});
 										},
-										onManage: resolved == null ? void 0 : () => void connectors.connect(resolved.action.serviceId).catch((cause) => setError(String(cause)))
+										onManage: resolved == null ? void 0 : () => void connectors.connect(resolved.action.serviceId)
 									})
 								})]
 							}, entry.id ?? entry.action);
@@ -6720,10 +6800,10 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 				})]
 			})]
 		}),
-		(error != null || attempted && !valid) && /* @__PURE__ */ jsx("div", {
+		attempted && !valid && /* @__PURE__ */ jsx("div", {
 			role: "alert",
 			className: "flex items-center gap-2 px-4 pb-3 text-destructive",
-			children: /* @__PURE__ */ jsx("span", { children: error ?? t("agent.invalidValues") })
+			children: /* @__PURE__ */ jsx("span", { children: t("agent.invalidValues") })
 		}),
 		/* @__PURE__ */ jsx("div", { className: "mx-4 h-px shrink-0 bg-border/50" }),
 		/* @__PURE__ */ jsxs("div", {
@@ -6744,11 +6824,10 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 				onClick: async () => {
 					setAttempted(true);
 					if (!valid) return;
-					setError(void 0);
 					try {
-						if (!await onSave(draft)) setError(t("actionPicker.saveFailed"));
+						await onSave(draft);
 					} catch (cause) {
-						setError(cause instanceof Error ? cause.message : String(cause));
+						notify(errorNotice(cause, t));
 					}
 				},
 				children: t("common.save")
@@ -20811,11 +20890,12 @@ function PurposeField({ compact = false, ...props }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/editor/agentTools.tsx
-function EditableAgentTools({ config, disabled, inputs, connectors, prepareAction, onSave }) {
+function EditableAgentTools({ config, disabled, inputs, connectors, prepareAction, onSave, notify }) {
 	const t = useTranslate();
 	const catalog = useVal(connectors.$.actions);
 	const summary = actionSummary(config.tools, catalog, []);
 	return /* @__PURE__ */ jsx(ActionSelectionDialog, {
+		notify,
 		title: t("agent.tools"),
 		triggerHint: summary.count > 0 ? t("actionPicker.selectionSummary", {
 			actions: summary.count,
@@ -20912,9 +20992,11 @@ function AgentToolSettings({ entry: tool, onChange, disabled, onValidChange, inp
 }
 function AgentTools(props) {
 	const t = useTranslate();
-	if (props.connectors != null) return /* @__PURE__ */ jsx(EditableAgentTools, {
-		...props,
-		connectors: props.connectors
+	if (props.editor != null) return /* @__PURE__ */ jsx(EditableAgentTools, {
+		config: props.config,
+		disabled: props.disabled,
+		inputs: props.inputs,
+		...props.editor
 	});
 	if (props.config.tools.length === 0) return null;
 	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
@@ -20930,7 +21012,7 @@ function AgentTools(props) {
 			/* @__PURE__ */ jsx("summary", { children: tool.name || tool.action }),
 			/* @__PURE__ */ jsxs("p", {
 				className: "reference-value",
-				children: [tool.action, tool.connectionId == null ? "" : ` · ${tool.connectionId}`]
+				children: [tool.action, tool.connectionId == null ? "" : ` · ${tool.connectionId === "" ? t("inspector.account.deferred") : tool.connectionId}`]
 			}),
 			/* @__PURE__ */ jsx(AgentToolSettings, {
 				entry: tool,
@@ -21146,15 +21228,22 @@ function AgentAdvancedSettings() {
 function EditableAgentSettingsProvider({ children, task, nodeId, store, connectors, prepareAction, disabled, theme }) {
 	const t = useTranslate();
 	const [config, renderConfig] = useState(task.executor);
-	const [saveError, setSaveError] = useState();
+	const [validationError, setValidationError] = useState();
+	const [saveFailed, setSaveFailed] = useState(false);
 	const [flowId] = useState(store.$.flowId.value);
 	const [changes] = useState(() => new TaskExecutorChanges(task.executor, async (before, value) => {
 		if (store.$.flowId.value != flowId) return false;
 		const current = store.$.revision.value?.node(nodeId);
 		const definition = current?.kind == "task" ? current.definition : void 0;
-		if (definition == null || !("executor" in definition) || !dequal(definition.executor, before)) return false;
+		if (definition == null || !("executor" in definition) || !dequal(definition.executor, before)) {
+			store.notify({
+				kind: "error",
+				message: t("notice.error.flowConflict")
+			});
+			return false;
+		}
 		const decoded = decodeRevisionContent({
-			modelVersion: 6,
+			modelVersion: 8,
 			modules: {},
 			document: {
 				bindings: {},
@@ -21184,20 +21273,22 @@ function EditableAgentSettingsProvider({ children, task, nodeId, store, connecto
 		renderConfig(changes.value);
 	}, [changes, task.executor]);
 	const save = async () => {
+		setSaveFailed(false);
 		const value = changes.value;
 		const notificationInputs = (value.kind === "agent" ? value.notification : void 0)?.inputDefinitions ?? [];
 		if (value.kind == "agent" && (!value.model.trim() || !Number.isSafeInteger(value.maxRounds) || value.maxRounds < 1 || value.maxRounds > 100)) return false;
 		if (!agentFixedValuesValid(value, notificationInputs)) {
-			setSaveError(t("agent.invalidValues"));
+			setValidationError(t("agent.invalidValues"));
 			return false;
 		}
-		setSaveError(void 0);
+		setValidationError(void 0);
 		try {
 			const saved = await changes.save();
-			if (!saved) setSaveError(t("agent.saveFailed"));
+			setSaveFailed(!saved);
 			return saved;
 		} catch (cause) {
-			setSaveError(cause instanceof Error ? cause.message : String(cause));
+			setSaveFailed(true);
+			store.notify(errorNotice(cause, t));
 			return false;
 		}
 	};
@@ -21213,16 +21304,33 @@ function EditableAgentSettingsProvider({ children, task, nodeId, store, connecto
 		task,
 		config,
 		nodeId,
-		connectors,
-		prepareAction,
+		toolsEditor: {
+			connectors,
+			prepareAction,
+			notify: store.notify,
+			onSave: async (tools) => {
+				const previous = config.tools;
+				setConfig((before) => before.kind == "agent" ? {
+					...before,
+					tools
+				} : before, false);
+				const saved = await save();
+				if (!saved) setConfig((before) => before.kind == "agent" && before.tools === tools ? {
+					...before,
+					tools: previous
+				} : before, false);
+				return saved;
+			}
+		},
 		disabled,
 		theme,
-		saveError,
+		validationError,
 		setConfig,
-		save
+		save,
+		saveFailed
 	});
 }
-function AgentSettingsContent({ children, task, config, nodeId, connectors, prepareAction, disabled, theme, saveError, setConfig, save }) {
+function AgentSettingsContent({ children, task, config, nodeId, toolsEditor, disabled, theme, validationError, setConfig, save, saveFailed = false }) {
 	const t = useTranslate();
 	const inputs = task.inputs.filter((port) => "handle" in port);
 	const promptSection = /* @__PURE__ */ jsxs("section", {
@@ -21237,30 +21345,16 @@ function AgentSettingsContent({ children, task, config, nodeId, connectors, prep
 				config,
 				disabled,
 				inputs,
-				connectors,
-				prepareAction,
-				onSave: async (tools) => {
-					const previous = config.tools;
-					setConfig?.((before) => before.kind == "agent" ? {
-						...before,
-						tools
-					} : before, false);
-					const saved = await save?.();
-					if (!saved) setConfig?.((before) => before.kind == "agent" && before.tools === tools ? {
-						...before,
-						tools: previous
-					} : before, false);
-					return saved ?? false;
-				}
+				editor: toolsEditor
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "inspector-section-content",
 			"data-inset": true,
 			children: [/* @__PURE__ */ jsx(ValueEditorFeedback, {
-				error: saveError,
+				error: validationError,
 				children: (errorId) => /* @__PURE__ */ jsx(PromptEditor, {
 					ariaDescribedBy: errorId,
-					invalid: saveError != null,
+					invalid: validationError != null,
 					value: config.prompt,
 					inputs: inputs.map((port) => port.handle),
 					disabled,
@@ -21271,7 +21365,7 @@ function AgentSettingsContent({ children, task, config, nodeId, connectors, prep
 					} : before, false),
 					onSave: () => void save?.()
 				})
-			}), saveError != null && /* @__PURE__ */ jsx("div", {
+			}), (saveFailed || validationError != null) && /* @__PURE__ */ jsx("div", {
 				className: "form-actions code-actions",
 				children: /* @__PURE__ */ jsx(Button$1, {
 					type: "button",
@@ -22310,7 +22404,7 @@ function codeTyping(ports, capabilities = [], catalog = {}, providerIds = []) {
 		const output = definition?.outputSchema == null ? "unknown" : typescriptOf(definition.outputSchema, false);
 		const ids = declaration.connections.map((connection) => JSON.stringify(connection.connectionId)).join(" | ") || "never";
 		const aliases = declaration.connections.flatMap((connection) => connection.alias == null ? [] : [JSON.stringify(connection.alias)]).join(" | ") || "never";
-		const options = permissions?.mode == "independent" ? declaration.connectionId == null ? "{ connectionId?: never }" : `{ connectionId?: ${JSON.stringify(declaration.connectionId)} }` : permissions?.mode == "shared" ? "{ connectionId?: string }" : declaration.connections.length == 0 ? dynamicOptions : `{ connectionId: ${ids}; connectionAlias?: never } | { connectionAlias: ${aliases}; connectionId?: never }`;
+		const options = permissions?.mode == "independent" ? declaration.connectionId == null || declaration.connectionId === "" ? "{ connectionId?: never }" : `{ connectionId?: ${JSON.stringify(declaration.connectionId)} }` : permissions?.mode == "shared" ? "{ connectionId?: string }" : declaration.connections.length == 0 ? dynamicOptions : `{ connectionId: ${ids}; connectionAlias?: never } | { connectionAlias: ${aliases}; connectionId?: never }`;
 		const args = declaration.connections.length > 0 && declaration.connectionId == null ? `[input: {} extends ${input} ? ${input} | undefined : ${input}, options: ${options}]` : `{} extends ${input} ? [input?: ${input}, options?: ${options}] : [input: ${input}, options?: ${options}]`;
 		const signature = `(...args: ${args}) => Promise<${output}>`;
 		calls.push(`(...args: [actionId: ${JSON.stringify(declaration.action)}, ...args: ${args}]): Promise<${output}>`);
@@ -22369,34 +22463,31 @@ function EditableCodeTaskSection({ connectorAccess, connectorCandidates, connect
 	const allowSharedAction = (action) => !action.authenticated || connectorAccess?.mode == "implicit" || connectorAccess?.bindings.some((binding) => binding.status == "active" && binding.providerId == action.serviceId && connectorCandidates?.[action.serviceId]?.candidates.some((candidate) => candidate.accessBindingId == binding.accessBindingId && (candidate.permissions == null || candidate.permissions.allActions || candidate.permissions.actionIds.includes(action.actionId))));
 	const sharedActionCatalog = Object.fromEntries(Object.entries(useVal(completionCatalog.catalog)).filter(([, action]) => allowSharedAction(action)));
 	const t = useTranslate();
-	const [saveError, setSaveError] = useState();
+	const [loadError, setLoadError] = useState();
 	const [completionError, setCompletionError] = useState();
 	const [pending, setPending] = useState(false);
 	useEffect(() => setPermission(savedPermission), [savedPermission, selection.id]);
 	const permissionActions = permission?.mode == "independent" ? permission.actions.map((entry) => entry.action).join(",") : "";
 	useEffect(() => {
+		setLoadError(void 0);
 		if (permissionActions == "") return;
 		const controller = new AbortController();
 		Promise.all(permissionActions.split(",").map((id) => connectors.loadCodeAction(id, controller.signal))).then(() => {
 			const services = new Set(permissionActions.split(",").map((id) => id.split(".")[0]));
 			return Promise.all([...services].map((id) => connectors.loadCodeConnections(id, controller.signal)));
 		}).catch((cause) => {
-			if (!controller.signal.aborted) setSaveError(String(cause));
+			if (!controller.signal.aborted) setLoadError(String(cause));
 		});
 		return () => controller.abort();
 	}, [connectors, permissionActions]);
 	const savePermission = async (value) => {
 		setPending(true);
-		setSaveError(void 0);
 		try {
-			if (!await store.setCodeActions(selection.id, [value])) {
-				setSaveError(t("inspector.task.permissionSaveFailed"));
-				return false;
-			}
+			if (!await store.setCodeActions(selection.id, [value])) return false;
 			setPermission(value);
 			return true;
 		} catch (cause) {
-			setSaveError(cause instanceof Error ? cause.message : String(cause));
+			store.notify(errorNotice(cause, t));
 			return false;
 		} finally {
 			setPending(false);
@@ -22429,9 +22520,10 @@ function EditableCodeTaskSection({ connectorAccess, connectorCandidates, connect
 	if (!("moduleId" in task)) return null;
 	const selectedActions = permission?.mode == "independent" ? permission.actions : [];
 	const summary = actionSummary(selectedActions, hintedCatalog, providers.data ?? []);
-	const actionIssue = saveError != null || diagnostics?.some((item) => item.path.includes("/task/capabilities")) || selectedActions.some((entry) => {
+	const actionIssue = loadError != null || diagnostics?.some((item) => item.path.includes("/task/capabilities")) || selectedActions.some((entry) => {
 		const action = hintedCatalog[entry.action];
 		if (action == null || !action.authenticated) return false;
+		if (entry.connectionId === "") return false;
 		if (entry.connectionId == null) return true;
 		const catalog = accountCatalogs[action.serviceId];
 		return catalog != null && catalog.byId.get(entry.connectionId)?.status !== "active";
@@ -22463,6 +22555,7 @@ function EditableCodeTaskSection({ connectorAccess, connectorCandidates, connect
 			store.saveModuleEditor();
 		},
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [false, /* @__PURE__ */ jsx(ActionSelectionDialog, {
+			notify: store.notify,
 			title: t("actionPicker.configureActions"),
 			triggerHint: selectedActions.length > 0 ? t("actionPicker.selectionSummary", {
 				actions: selectedActions.length,
@@ -22500,13 +22593,13 @@ function EditableCodeTaskSection({ connectorAccess, connectorCandidates, connect
 			})
 		}, selection.id)] }),
 		children: [
-			(saveError ?? completionError) != null && /* @__PURE__ */ jsxs("div", {
+			(loadError ?? completionError) != null && /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-2",
 				"data-inspector-section": "code-permissions",
-				children: [false, (saveError ?? completionError) != null && /* @__PURE__ */ jsx("p", {
+				children: [false, (loadError ?? completionError) != null && /* @__PURE__ */ jsx("p", {
 					role: "alert",
 					className: "text-sm text-destructive",
-					children: saveError ?? completionError
+					children: loadError ?? completionError
 				})]
 			}),
 			/* @__PURE__ */ jsx(ValueEditorFeedback, {
@@ -26635,6 +26728,14 @@ if (process.env.NODE_ENV !== "production") GroupCollectionContext.displayName =
 function useGroupCollectionContext() {
 	return React.useContext(GroupCollectionContext);
 }
+function GroupCollectionProvider(props) {
+	const { children, items } = props;
+	const contextValue = React.useMemo(() => ({ items }), [items]);
+	return /*#__PURE__*/ jsx(GroupCollectionContext.Provider, {
+		value: contextValue,
+		children
+	});
+}
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/collection/ComboboxCollection.js
 /**
@@ -26917,6 +27018,77 @@ var ComboboxPopup = /*#__PURE__*/ React.forwardRef(function ComboboxPopup(compon
 });
 if (process.env.NODE_ENV !== "production") ComboboxPopup.displayName = "ComboboxPopup";
 //#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroupContext.js
+var ComboboxGroupContext = /*#__PURE__*/ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ComboboxGroupContext.displayName = "ComboboxGroupContext";
+function useComboboxGroupContext() {
+	const context = React.useContext(ComboboxGroupContext);
+	if (context === void 0) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxGroupContext is missing. ComboboxGroup parts must be placed within <Combobox.Group>." : formatErrorMessage(18));
+	return context;
+}
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js
+/**
+* Groups related items with the corresponding label.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
+*/
+var ComboboxGroup = /*#__PURE__*/ React.forwardRef(function ComboboxGroup(componentProps, forwardedRef) {
+	const { render, className, style, items, ...elementProps } = componentProps;
+	const [labelId, setLabelId] = React.useState();
+	const contextValue = React.useMemo(() => ({
+		labelId,
+		setLabelId,
+		items
+	}), [
+		labelId,
+		setLabelId,
+		items
+	]);
+	const element = useRenderElement("div", componentProps, {
+		ref: forwardedRef,
+		props: [{
+			role: "group",
+			"aria-labelledby": labelId
+		}, elementProps]
+	});
+	const wrappedElement = /*#__PURE__*/ jsx(ComboboxGroupContext.Provider, {
+		value: contextValue,
+		children: element
+	});
+	if (items) return /*#__PURE__*/ jsx(GroupCollectionProvider, {
+		items,
+		children: wrappedElement
+	});
+	return wrappedElement;
+});
+if (process.env.NODE_ENV !== "production") ComboboxGroup.displayName = "ComboboxGroup";
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js
+/**
+* An accessible label that is automatically associated with its parent group.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
+*/
+var ComboboxGroupLabel = /*#__PURE__*/ React.forwardRef(function ComboboxGroupLabel(componentProps, forwardedRef) {
+	const { render, className, style, id: idProp, ...elementProps } = componentProps;
+	const { setLabelId } = useComboboxGroupContext();
+	const id = useBaseUiId(idProp);
+	useIsoLayoutEffect(() => {
+		setLabelId(id);
+		return () => {
+			setLabelId(void 0);
+		};
+	}, [id, setLabelId]);
+	return useRenderElement("div", componentProps, {
+		ref: forwardedRef,
+		props: [{ id }, elementProps]
+	});
+});
+if (process.env.NODE_ENV !== "production") ComboboxGroupLabel.displayName = "ComboboxGroupLabel";
+//#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/item/ComboboxItemContext.js
 var ComboboxItemContext = /*#__PURE__*/ React.createContext(void 0);
 if (process.env.NODE_ENV !== "production") ComboboxItemContext.displayName = "ComboboxItemContext";
@@ -27419,7 +27591,7 @@ function ErrorTriggerSourcesEditor({ store, nodeId, value, disabled }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/createEventSourceDialog.tsx
-function CreateEventSourceDialog({ client, teamId, existingNames, disabled, defaultOpen = false, className, trigger, onSelect, onCreated }) {
+function CreateEventSourceDialog({ client, notify, teamId, existingNames, disabled, defaultOpen = false, className, trigger, onSelect, onCreated }) {
 	const t = useTranslate();
 	const [open, setOpen] = useState(defaultOpen);
 	const [root, setRoot] = useState(null);
@@ -27428,16 +27600,13 @@ function CreateEventSourceDialog({ client, teamId, existingNames, disabled, defa
 	const [created, setCreated] = useState();
 	const [selected, setSelected] = useState(false);
 	const [pending, setPending] = useState(false);
-	const [error, setError] = useState();
 	async function select(source) {
 		setPending(true);
-		setError(void 0);
 		try {
 			const saved = await onSelect(source);
 			setSelected(saved);
-			if (!saved) setError(t("eventSources.bindFailed"));
 		} catch (cause) {
-			setError(errorNotice(cause, t).message);
+			notify(errorNotice(cause, t));
 		} finally {
 			setPending(false);
 		}
@@ -27453,7 +27622,6 @@ function CreateEventSourceDialog({ client, teamId, existingNames, disabled, defa
 				if (value) {
 					setCreated(void 0);
 					setSelected(false);
-					setError(void 0);
 				}
 			},
 			children: [/* @__PURE__ */ jsx(DialogTrigger, {
@@ -27476,6 +27644,7 @@ function CreateEventSourceDialog({ client, teamId, existingNames, disabled, defa
 					/* @__PURE__ */ jsxs("div", {
 						className: "min-h-0 overflow-y-auto",
 						children: [open && created == null && /* @__PURE__ */ jsx(SourceForm, {
+							notify,
 							client,
 							teams: [],
 							fixedTeamId: teamId,
@@ -27495,15 +27664,11 @@ function CreateEventSourceDialog({ client, teamId, existingNames, disabled, defa
 									children: created.name
 								}),
 								/* @__PURE__ */ jsx(EventSourceSetup, {
+									notify,
 									source: created,
 									client,
 									onChange: setCreated
 								}),
-								error != null && /* @__PURE__ */ jsx("p", {
-									role: "alert",
-									className: "m-0 text-sm text-destructive",
-									children: error
-								}),
 								/* @__PURE__ */ jsxs("div", {
 									className: "flex justify-end gap-2",
 									children: [!selected && /* @__PURE__ */ jsx(Button$1, {
@@ -28796,6 +28961,7 @@ function FeishuTriggerConfig({ inputs, fieldLabels, config: assignments, nodeId,
 				}) : /* @__PURE__ */ jsxs("div", {
 					className: "flex h-[30px] w-full items-center overflow-hidden rounded-[var(--ui-control-radius,var(--ui-radius))] border border-input bg-[var(--ui-control-background,var(--ui-muted))]",
 					children: [/* @__PURE__ */ jsx(CreateEventSourceDialog, {
+						notify: store.notify,
 						className: "min-w-0 flex-1",
 						trigger: /* @__PURE__ */ jsx(Button$1, {
 							type: "button",
@@ -28982,21 +29148,25 @@ function LeinaBotSelect({ source, flowId, value, disabled, onChange }) {
 		const controller = new AbortController();
 		setState((previous) => ({
 			flowId,
+			source,
 			loading: true,
-			bots: previous?.flowId == flowId ? previous.bots : void 0
+			bots: previous?.flowId == flowId && previous.source == source ? previous.bots : void 0
 		}));
 		source.listLeinaBots(flowId, controller.signal).then((bots) => {
 			if (!controller.signal.aborted) setState({
 				flowId,
+				source,
 				bots,
 				loading: false
 			});
 		}, (error) => {
-			if (!controller.signal.aborted) setState({
+			if (!controller.signal.aborted) setState((previous) => ({
 				flowId,
+				source,
+				bots: previous?.flowId == flowId && previous.source == source ? previous.bots : void 0,
 				loading: false,
 				error: error instanceof Error ? error.message : t("contextPanel.loadFailed")
-			});
+			}));
 		});
 		return () => controller.abort();
 	}, [
@@ -29005,73 +29175,82 @@ function LeinaBotSelect({ source, flowId, value, disabled, onChange }) {
 		attempt,
 		t
 	]);
-	const current = state?.flowId == flowId ? state : void 0;
+	const current = state?.flowId == flowId && state.source == source ? state : void 0;
 	const bots = current?.bots;
-	const selected = typeof value == "string" ? value : value === void 0 ? void 0 : JSON.stringify(value);
+	const selected = typeof value == "string" && value.trim().length > 0 ? value : void 0;
 	const missing = selected != null && bots != null && !bots.some((bot) => bot.leinaId == selected);
+	const error = selected == null ? t("leina.select") : missing ? t("leina.unavailable", { id: selected }) : void 0;
+	const selectedLabel = bots?.find((bot) => bot.leinaId == selected)?.name ?? (missing ? t("leina.unavailable", { id: selected }) : current?.error != null ? t("leina.loadFailed") : t("leina.loading"));
 	const items = [...(bots ?? []).map((bot) => ({
 		value: bot.leinaId,
 		label: bot.name
 	})), ...selected != null && !bots?.some((bot) => bot.leinaId == selected) ? [{
 		value: selected,
-		label: missing ? t("leina.unavailable", { id: selected }) : selected
+		label: selectedLabel
 	}] : []];
-	return /* @__PURE__ */ jsxs(Select$1, {
-		items,
-		value: selected ?? null,
-		disabled,
-		onOpenChange: (open) => {
-			if (open) setAttempt((previous) => previous + 1);
-		},
-		onValueChange: (next) => {
-			if (typeof next == "string" && bots?.some((bot) => bot.leinaId == next)) onChange(next);
-		},
-		children: [/* @__PURE__ */ jsx(SelectTrigger, {
-			size: "field",
-			className: "w-full",
-			"data-field-control": true,
-			"aria-label": t("leina.robot"),
-			"aria-invalid": missing || void 0,
-			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("leina.select") })
-		}), /* @__PURE__ */ jsxs(SelectContent, {
-			align: "start",
-			alignItemWithTrigger: false,
-			className: selectionMenuContentClass,
-			children: [
-				(current?.loading ?? true) && /* @__PURE__ */ jsx("span", {
-					role: "status",
-					className: "block px-1.5 py-1 text-xs leading-5 text-muted-foreground",
-					children: t("leina.loading")
-				}),
-				bots?.map((bot) => /* @__PURE__ */ jsx(SelectItem, {
-					value: bot.leinaId,
-					className: selectionMenuItemClass,
-					children: /* @__PURE__ */ jsx("span", {
-						className: "truncate",
-						children: bot.name
-					})
-				}, bot.leinaId)),
-				missing && selected != null && /* @__PURE__ */ jsx(SelectItem, {
-					value: selected,
-					disabled: true,
-					className: `mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal text-destructive`,
-					children: t("leina.unavailable", { id: selected })
-				}),
-				current?.error != null && /* @__PURE__ */ jsxs("span", {
-					role: "alert",
-					className: "block px-1.5 py-1 text-xs leading-5 whitespace-normal break-words text-destructive",
-					children: [
-						t("leina.loadFailed"),
-						" ",
-						current.error
-					]
-				}),
-				bots?.length == 0 && !current?.loading && /* @__PURE__ */ jsx("span", {
-					className: "block px-1.5 py-1 text-xs leading-5 whitespace-normal text-muted-foreground",
-					children: t("leina.empty")
+	return /* @__PURE__ */ jsx(ValueEditorFeedback, {
+		error,
+		children: (errorId) => /* @__PURE__ */ jsxs(Select$1, {
+			items,
+			value: selected ?? null,
+			disabled,
+			onOpenChange: (open) => {
+				if (open) setAttempt((previous) => previous + 1);
+			},
+			onValueChange: (next) => {
+				if (typeof next == "string" && bots?.some((bot) => bot.leinaId == next)) onChange(next);
+			},
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				size: "field",
+				className: "w-full",
+				"data-field-control": true,
+				"aria-label": t("leina.robot"),
+				"aria-invalid": error != null || void 0,
+				"aria-describedby": errorId,
+				children: /* @__PURE__ */ jsx(SelectValue, {
+					placeholder: t("leina.select"),
+					children: selected == null ? void 0 : selectedLabel
 				})
-			]
-		})]
+			}), /* @__PURE__ */ jsxs(SelectContent, {
+				align: "start",
+				alignItemWithTrigger: false,
+				className: selectionMenuContentClass,
+				children: [
+					(current?.loading ?? true) && /* @__PURE__ */ jsx("span", {
+						role: "status",
+						className: "block px-1.5 py-1 text-xs leading-5 text-muted-foreground",
+						children: t("leina.loading")
+					}),
+					bots?.map((bot) => /* @__PURE__ */ jsx(SelectItem, {
+						value: bot.leinaId,
+						className: selectionMenuItemClass,
+						children: /* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: bot.name
+						})
+					}, bot.leinaId)),
+					missing && selected != null && /* @__PURE__ */ jsx(SelectItem, {
+						value: selected,
+						disabled: true,
+						className: `mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal text-destructive`,
+						children: t("leina.unavailable", { id: selected })
+					}),
+					current?.error != null && /* @__PURE__ */ jsxs("span", {
+						role: "alert",
+						className: "block px-1.5 py-1 text-xs leading-5 whitespace-normal break-words text-destructive",
+						children: [
+							t("leina.loadFailed"),
+							" ",
+							current.error
+						]
+					}),
+					bots?.length == 0 && !current?.loading && /* @__PURE__ */ jsx("span", {
+						className: "block px-1.5 py-1 text-xs leading-5 whitespace-normal text-muted-foreground",
+						children: t("leina.empty")
+					})
+				]
+			})]
+		})
 	});
 }
 //#endregion
@@ -34046,22 +34225,26 @@ function ListenerHealth({ binding, enabled }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/publications/webhookEndpoint.tsx
-function WebhookCopyButton({ endpointUrl, iconOnly = false }) {
+function WebhookCopyButton({ endpointUrl, notify, iconOnly = false }) {
 	const t = useTranslate();
-	const [copyResult, setCopyResult] = useState();
+	const [copied, setCopied] = useState(false);
 	const [container, setContainer] = useState(null);
 	useEffect(() => {
-		if (copyResult !== "copied") return;
-		const timer = globalThis.setTimeout(() => setCopyResult(void 0), 1500);
+		if (!copied) return;
+		const timer = globalThis.setTimeout(() => setCopied(false), 1500);
 		return () => globalThis.clearTimeout(timer);
-	}, [copyResult]);
-	const label = t(copyResult === "copied" ? "publication.webhookCopied" : copyResult === "failed" ? "webhookDeployment.copyFailed" : "publication.webhookCopy");
+	}, [copied]);
+	const label = t(copied ? "publication.webhookCopied" : "publication.webhookCopy");
 	const copy = async () => {
 		try {
 			await navigator.clipboard.writeText(endpointUrl);
-			setCopyResult("copied");
+			setCopied(true);
 		} catch {
-			setCopyResult("failed");
+			setCopied(false);
+			notify({
+				kind: "error",
+				message: t("webhookDeployment.copyFailed")
+			});
 		}
 	};
 	return /* @__PURE__ */ jsxs("span", {
@@ -34076,7 +34259,7 @@ function WebhookCopyButton({ endpointUrl, iconOnly = false }) {
 			}),
 			children: /* @__PURE__ */ jsx("i", {
 				"aria-hidden": "true",
-				className: copyResult === "copied" ? "i-lucide-light:check text-base" : "i-lucide-light:copy text-base"
+				className: copied ? "i-lucide-light:check text-base" : "i-lucide-light:copy text-base"
 			})
 		}), /* @__PURE__ */ jsx(TooltipContent, {
 			container,
@@ -34087,26 +34270,29 @@ function WebhookCopyButton({ endpointUrl, iconOnly = false }) {
 			size: "sm",
 			variant: "outline",
 			onClick: copy,
-			children: t(copyResult === "copied" ? "publication.webhookCopied" : "publication.webhookCopy")
+			children: label
 		}), /* @__PURE__ */ jsx("span", {
-			className: iconOnly || copyResult !== "failed" ? "sr-only" : "text-xs text-destructive",
+			className: "sr-only",
 			role: "status",
-			children: copyResult == null ? "" : label
+			children: copied ? label : ""
 		})]
 	});
 }
-function WebhookEndpoint({ endpointUrl }) {
+function WebhookEndpoint({ endpointUrl, notify }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex min-w-0 items-start gap-2",
 		children: [/* @__PURE__ */ jsx("code", {
 			className: "min-w-0 flex-1 select-text break-all text-foreground text-xs leading-5",
 			children: endpointUrl
-		}), /* @__PURE__ */ jsx(WebhookCopyButton, { endpointUrl }, endpointUrl)]
+		}), /* @__PURE__ */ jsx(WebhookCopyButton, {
+			notify,
+			endpointUrl
+		}, endpointUrl)]
 	});
 }
 //#endregion
 //#region src/workbench/browser/runtime/editor/webhookDeployment.tsx
-function WebhookDeployment({ binding, status, enabled, hasUnpublishedChanges, onRetry }) {
+function WebhookDeployment({ binding, status, enabled, hasUnpublishedChanges, onRetry, notify }) {
 	const t = useTranslate();
 	const current = binding?.currentPublicationId != null;
 	const ready = status === "loaded" && current;
@@ -34120,6 +34306,7 @@ function WebhookDeployment({ binding, status, enabled, hasUnpublishedChanges, on
 					enabled
 				})]
 			}), ready && binding.endpointUrl != null && /* @__PURE__ */ jsx(WebhookCopyButton, {
+				notify,
 				endpointUrl: binding.endpointUrl,
 				iconOnly: true
 			}, binding.endpointUrl)]
@@ -34489,6 +34676,294 @@ function WebhookEditor({ bodyFields, method, options, disabled, readOnly, output
 	] });
 }
 //#endregion
+//#region src/workbench/browser/runtime/linkContext.ts
+/** The host owns URLs for links within the deployment. */
+var WorkbenchLinkContext = createContext(void 0);
+//#endregion
+//#region src/workbench/browser/runtime/editor/workflowSection.tsx
+function OpenWorkflowLink({ flowId }) {
+	const t = useTranslate();
+	const hrefFor = useContext(WorkbenchLinkContext);
+	if (!flowId || hrefFor == null) return null;
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		render: /* @__PURE__ */ jsx("a", {
+			className: buttonVariants({
+				variant: "ghost",
+				size: "icon-xs",
+				className: "text-muted-foreground"
+			}),
+			href: hrefFor({
+				flowId,
+				view: "design"
+			}),
+			target: "_blank",
+			rel: "noopener noreferrer",
+			"aria-label": t("workflow.open")
+		}),
+		children: /* @__PURE__ */ jsx("i", {
+			"aria-hidden": "true",
+			className: "i-lucide-light:external-link text-sm"
+		})
+	}), /* @__PURE__ */ jsx(TooltipContent, { children: t("workflow.open") })] });
+}
+function useWorkflowActions(props) {
+	const t = useTranslate();
+	const [state, setState] = useState();
+	const request = useRef();
+	const nodeId = props?.nodeId;
+	useEffect(() => () => request.current?.abort(), [nodeId]);
+	const current = state?.nodeId == nodeId ? state : void 0;
+	async function update(choice) {
+		if (props == null || props.disabled || props.task.executor.kind != "workflow") return;
+		const candidate = choice ?? {
+			flowId: props.task.executor.flowId,
+			name: props.task.name,
+			problem: null
+		};
+		if (!candidate.flowId) return;
+		request.current?.abort();
+		const controller = new AbortController();
+		request.current = controller;
+		const set = (next) => {
+			if (!controller.signal.aborted) setState({
+				nodeId: props.nodeId,
+				flowId: candidate.flowId,
+				...next
+			});
+		};
+		set({
+			busy: true,
+			pending: choice
+		});
+		let contract;
+		let failure;
+		try {
+			if (choice?.problem == null) try {
+				contract = await props.load(candidate.flowId, controller.signal);
+			} catch (cause) {
+				failure = errorNotice(cause, t).message;
+			}
+			if (controller.signal.aborted) return;
+			const next = workflowSelectionTask(candidate, contract, props.task);
+			if ((choice != null || contract != null) && !dequal(next, props.task)) {
+				if (!await props.onSave(props.task, next)) failure = void 0;
+			} else if (!controller.signal.aborted) await props.onCheck();
+		} catch (cause) {
+			failure = errorNotice(cause, t).message;
+		} finally {
+			set({
+				busy: false,
+				error: failure
+			});
+		}
+	}
+	return {
+		busy: current?.busy ?? false,
+		error: props?.task.executor.kind == "workflow" && current?.flowId == props.task.executor.flowId ? current?.error : void 0,
+		pending: current?.pending,
+		select: (choice) => update(choice),
+		recheck: () => update()
+	};
+}
+function WorkflowInterfaceAlert({ actions, disabled, message, stale, flowId }) {
+	const t = useTranslate();
+	return /* @__PURE__ */ jsx(InspectorStatusSection, {
+		title: t(stale ? "workflow.staleTitle" : "workflow.problemTitle"),
+		tone: "danger",
+		section: "workflow-status",
+		alert: true,
+		actions: /* @__PURE__ */ jsx("span", {
+			className: "ml-auto",
+			children: /* @__PURE__ */ jsx(OpenWorkflowLink, { flowId })
+		}),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "inspector-status-prompt",
+			children: [/* @__PURE__ */ jsx("p", { children: actions.error || message }), /* @__PURE__ */ jsx(Button$1, {
+				disabled: disabled || actions.busy,
+				size: "sm",
+				type: "button",
+				onClick: () => void actions.recheck(),
+				children: t(stale ? "workflow.refresh" : "workflow.recheck")
+			})]
+		})
+	});
+}
+function WorkflowSection({ task, disabled, actions, list }) {
+	const t = useTranslate();
+	const id = useId();
+	const [container, setContainer] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const [open, setOpen] = useState(false);
+	const [query, setQuery] = useState("");
+	const [error, setError] = useState();
+	const [choices, setChoices] = useState([]);
+	const request = useRef();
+	useEffect(() => () => request.current?.abort(), []);
+	const target = actions.pending?.flowId ?? (task.executor.kind == "workflow" ? task.executor.flowId : "");
+	const selectedName = actions.pending?.name ?? choices.find((item) => item.flowId == target)?.name ?? task.name;
+	const targetError = error || (!target ? t("diagnostics.messages.workflow.target-required") : void 0);
+	const visible = choices.filter((item) => `${item.name} ${item.flowId}`.toLocaleLowerCase().includes(query.trim().toLocaleLowerCase()));
+	async function readChoices() {
+		request.current?.abort();
+		const controller = new AbortController();
+		request.current = controller;
+		setLoading(true);
+		setError(void 0);
+		try {
+			const result = await list(controller.signal);
+			if (!controller.signal.aborted) setChoices(result);
+		} catch (cause) {
+			if (!controller.signal.aborted) setError(errorNotice(cause, t).message);
+		} finally {
+			if (!controller.signal.aborted) setLoading(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(Field, {
+		className: "inspector-field-section",
+		"data-inspector-section": "task",
+		children: [/* @__PURE__ */ jsxs(FieldLabel, {
+			className: "inspector-section-title justify-between",
+			htmlFor: id,
+			children: [/* @__PURE__ */ jsx("span", { children: t("workflow.target") }), /* @__PURE__ */ jsx(OpenWorkflowLink, { flowId: target })]
+		}), /* @__PURE__ */ jsx("div", {
+			ref: setContainer,
+			className: "node-settings",
+			children: /* @__PURE__ */ jsxs(ComboboxRoot, {
+				disabled: disabled || actions.busy,
+				value: target || null,
+				items: visible.map((item) => item.flowId),
+				filter: null,
+				inputValue: open ? query : target ? selectedName : "",
+				onInputValueChange: setQuery,
+				onValueChange: (value) => {
+					const candidate = choices.find((item) => item.flowId == value);
+					if (candidate != null) actions.select(candidate);
+				},
+				open,
+				onOpenChange: (nextOpen) => {
+					setOpen(nextOpen);
+					setQuery("");
+					if (nextOpen) readChoices();
+				},
+				children: [/* @__PURE__ */ jsx(ValueEditorFeedback, {
+					error: open ? void 0 : targetError,
+					children: (errorId) => /* @__PURE__ */ jsxs(ComboboxInputGroup, {
+						render: /* @__PURE__ */ jsx(InputGroup, {}),
+						children: [
+							target && /* @__PURE__ */ jsx(InputGroupAddon, {
+								align: "inline-start",
+								children: /* @__PURE__ */ jsx("i", {
+									"aria-hidden": "true",
+									className: "i-lucide-light:workflow shrink-0 text-sm"
+								})
+							}),
+							/* @__PURE__ */ jsx(ComboboxInput, {
+								render: /* @__PURE__ */ jsx(InputGroupInput, {}),
+								id,
+								"aria-label": t("workflow.target"),
+								placeholder: t(open ? "workflow.search" : "workflow.select"),
+								"aria-invalid": !!targetError || void 0,
+								"aria-describedby": errorId,
+								"data-field-prompt": !target || void 0
+							}),
+							/* @__PURE__ */ jsx(InputGroupAddon, {
+								align: "inline-end",
+								children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+									render: /* @__PURE__ */ jsx(ComboboxTrigger, {
+										render: /* @__PURE__ */ jsx(Button$1, {
+											variant: "ghost",
+											size: "icon-xs"
+										}),
+										"aria-label": t("workflow.select")
+									}),
+									children: /* @__PURE__ */ jsx(SelectChevron, {})
+								}), /* @__PURE__ */ jsx(TooltipContent, {
+									container,
+									children: t("workflow.select")
+								})] })
+							})
+						]
+					})
+				}), /* @__PURE__ */ jsx(ComboboxPortal, {
+					container,
+					className: "contents",
+					children: /* @__PURE__ */ jsx(ComboboxPositioner, {
+						align: "start",
+						sideOffset: 4,
+						className: "isolate z-50",
+						children: /* @__PURE__ */ jsx(ComboboxPopup, {
+							className: `w-(--anchor-width) min-w-56 max-w-[calc(100vw-24px)] bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-none ${selectionMenuContentClass}`,
+							children: /* @__PURE__ */ jsxs(ComboboxList, {
+								"aria-label": t("workflow.target"),
+								className: "max-h-[min(50vh,360px,calc(var(--available-height)-0.5rem))] overflow-y-auto overscroll-contain",
+								children: [
+									[
+										"published",
+										"missingStart",
+										"other"
+									].map((group) => {
+										const items = visible.filter((item) => workflowCandidateGroup(item) == group);
+										if (!items.length && group != "published") return null;
+										return /* @__PURE__ */ jsxs(ComboboxGroup, { children: [
+											/* @__PURE__ */ jsxs(ComboboxGroupLabel, {
+												className: "flex items-center gap-2 px-2 py-1.5 text-xs text-muted-foreground",
+												children: [/* @__PURE__ */ jsx("span", {
+													"aria-hidden": "true",
+													className: `status-dot ${group == "published" ? "success" : group == "missingStart" ? "warning" : "neutral"}`
+												}), t(`workflow.groups.${group}`)]
+											}),
+											!items.length && !loading && !error && /* @__PURE__ */ jsx("div", {
+												className: `pr-2 pl-6 text-muted-foreground mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal`,
+												children: t(query ? "workflow.noMatches" : "workflow.empty")
+											}),
+											items.map((item) => /* @__PURE__ */ jsxs(ComboboxItem, {
+												value: item.flowId,
+												className: `flex cursor-default items-center gap-2 pr-2 pl-6 data-highlighted:bg-accent ${selectionMenuItemClass}`,
+												children: [
+													/* @__PURE__ */ jsx("i", {
+														"aria-hidden": "true",
+														className: "i-lucide-light:workflow shrink-0 text-sm"
+													}),
+													/* @__PURE__ */ jsx("span", {
+														className: "min-w-0 flex-1 truncate",
+														children: item.name
+													}),
+													/* @__PURE__ */ jsx(ComboboxItemIndicator, { children: /* @__PURE__ */ jsx("i", {
+														"aria-hidden": "true",
+														className: "i-lucide-light:check shrink-0 text-sm"
+													}) })
+												]
+											}, item.flowId))
+										] }, group);
+									}),
+									loading && /* @__PURE__ */ jsx("p", {
+										role: "status",
+										className: "px-2 py-2 text-xs text-muted-foreground",
+										children: t("workflow.loading")
+									}),
+									error && /* @__PURE__ */ jsxs("div", {
+										role: "alert",
+										className: "flex items-center gap-2 px-2 py-2 text-xs",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "min-w-0 flex-1",
+											children: error
+										}), /* @__PURE__ */ jsx(Button$1, {
+											variant: "outline",
+											size: "xs",
+											onClick: () => void readChoices(),
+											children: t("workflow.retry")
+										})]
+									})
+								]
+							})
+						})
+					})
+				})]
+			})
+		})]
+	});
+}
+//#endregion
 //#region src/workbench/browser/runtime/editor/nodeInspector.tsx
 function inspectorIcon(node) {
 	if (node?.kind == "trigger") return "trigger";
@@ -34496,8 +34971,10 @@ function inspectorIcon(node) {
 	if (node?.kind == "value") return "value";
 	if (node?.kind == "approval") return "check";
 	if (node?.kind == "wait") return "wait";
+	if (node?.kind == "outputs") return "outputs";
 	if (node?.kind == "task" && node.definition != null && "executor" in node.definition) {
 		if (node.definition.executor.kind == "decision") return "decision";
+		if (node.definition.executor.kind == "workflow") return "flow";
 		if (node.definition.executor.kind == "openapi") return "task";
 		return node.definition.executor.kind == "connector" ? "connection" : "llm";
 	}
@@ -34506,6 +34983,7 @@ function inspectorIcon(node) {
 function nodePurposePlaceholder(selection, t, action, displays) {
 	switch (selection.kind) {
 		case "condition": return t("addNode.conditionDescription");
+		case "outputs": return t("addNode.outputsDescription");
 		case "value": return t("addNode.valueDescription");
 		case "approval": return t("addNode.approvalDescription");
 		case "wait": return t("addNode.waitDescription");
@@ -34513,6 +34991,7 @@ function nodePurposePlaceholder(selection, t, action, displays) {
 			const node = selection.node;
 			switch (node.kind) {
 				case "manual": return t("addNode.manualDescription");
+				case "start": return t("addNode.startDescription");
 				case "error": return t("errorWorkflow.description");
 				case "cron": return t("addNode.cronDescription");
 				case "webhook": return t("addNode.webhookDescription");
@@ -34527,6 +35006,7 @@ function nodePurposePlaceholder(selection, t, action, displays) {
 			switch (definition.executor.kind) {
 				case "agent": return t("addNode.agentDescription");
 				case "decision": return t("decision.description");
+				case "workflow": return t("workflow.description");
 				case "openapi": return t("openapi.description");
 				case "connector": return action?.description;
 				case "llm": return t(definition.executor.mode == "json" ? "addNode.llmStructuredDescription" : "addNode.llmChatDescription");
@@ -34536,7 +35016,7 @@ function nodePurposePlaceholder(selection, t, action, displays) {
 }
 function inputUpstreamSources({ revision, sourceNodeIcons, selection, store, handleName, t, triggerDisplays }) {
 	const graph = revision.graph();
-	const mapping = nodeInputMappings(selection.node)[handleName];
+	const mapping = revision.inputMappings(selection.node)[handleName];
 	const sources = mapping?.kind == "sources" ? mapping.sources.filter((source) => source.kind == "node") : [];
 	const providerDisplay = (node) => node?.kind == "integration" || node?.kind == "poll" ? triggerDisplays?.[node.definition.key] : void 0;
 	return {
@@ -34585,10 +35065,26 @@ function NodeInspector({ webhookDeployment, variables = {
 	const isAgent = task != null && "executor" in task && task.executor.kind == "agent";
 	const isDecision = task != null && "executor" in task && task.executor.kind == "decision";
 	const isOpenApi = task != null && "executor" in task && task.executor.kind == "openapi";
+	const unconfiguredWorkflow = task != null && "executor" in task && task.executor.kind == "workflow" && !task.executor.flowId;
 	const unconfiguredOpenApi = task != null && "executor" in task && task.executor.kind == "openapi" && !task.executor.path;
 	const isLlm = task != null && "executor" in task && task.executor.kind == "llm";
 	const connector = task != null && "executor" in task && task.executor.kind == "connector" ? task.executor : void 0;
 	const nodeId = selection?.kind == "task" ? selection.id : void 0;
+	const workflowSettings = task != null && "executor" in task && task.executor.kind == "workflow" && selection != null ? {
+		task,
+		nodeId: selection.id,
+		onCheck: () => store?.check() ?? Promise.resolve(),
+		disabled: disabled || readOnly,
+		load: (flowId, signal) => store.loadWorkflowContract(flowId, signal),
+		onSave: (before, value) => store?.saveTaskSettings(selection.id, {
+			kind: "workflow",
+			name: value.name,
+			before,
+			task: value
+		}) ?? Promise.resolve(false)
+	} : void 0;
+	const workflowActions = useWorkflowActions(workflowSettings);
+	const workflowIssue = diagnostics?.find((issue) => issue.code.startsWith("workflow.") && issue.code != "workflow.target-required");
 	const locatedRequest = useRef();
 	useEffect(() => {
 		if (focus == null) return;
@@ -34653,6 +35149,13 @@ function NodeInspector({ webhookDeployment, variables = {
 					loading: connectorLoading,
 					nodeId
 				}),
+				!readOnly && workflowSettings != null && (workflowIssue != null || workflowActions.error != null) && /* @__PURE__ */ jsx(WorkflowInterfaceAlert, {
+					flowId: workflowSettings.task.executor.kind == "workflow" ? workflowSettings.task.executor.flowId : "",
+					actions: workflowActions,
+					disabled,
+					stale: workflowIssue?.code == "workflow.revision-stale" || workflowIssue?.code == "workflow.snapshot-missing",
+					message: workflowIssue == null ? void 0 : diagnosticMessage(workflowIssue, t)
+				}, `workflow-alert:${selection?.id}`),
 				selection != null && /* @__PURE__ */ jsx(NodeDescription, {
 					value: selection.node.description,
 					placeholder: nodePurposePlaceholder(selection, t, connectorAction, triggerDisplays),
@@ -34721,7 +35224,22 @@ function NodeInspector({ webhookDeployment, variables = {
 					value: selection.trigger.sourceFlowIds ?? [],
 					disabled
 				}) }),
-				selection?.kind === "trigger" && selection.trigger.kind !== "webhook" && /* @__PURE__ */ jsx(TriggerSummary, {
+				selection?.kind === "trigger" && selection.trigger.kind === "start" && /* @__PURE__ */ jsx("section", {
+					className: "inspector-port-section",
+					"data-inspector-section": "outputs",
+					children: /* @__PURE__ */ jsx(PortDefinitionEditor, {
+						layout: "ports",
+						title: t("inspector.ports.startParametersTitle"),
+						output: true,
+						readOnly,
+						disabled,
+						values: selection.trigger.inputDefs,
+						onChange: (parameters, deletion) => {
+							store?.saveStartInputDefs(selection.id, parameters, deletion);
+						}
+					})
+				}),
+				selection?.kind === "trigger" && selection.trigger.kind !== "webhook" && selection.trigger.kind !== "start" && /* @__PURE__ */ jsx(TriggerSummary, {
 					trigger: selection.trigger,
 					display: selection.trigger.kind == "integration" || selection.trigger.kind == "poll" ? triggerDisplays?.[selection.trigger.definition.key] : void 0
 				}),
@@ -34754,10 +35272,15 @@ function NodeInspector({ webhookDeployment, variables = {
 						task: value
 					}, deletion) ?? Promise.resolve(false)
 				}, `decision:${selection.id}`),
+				workflowSettings != null && /* @__PURE__ */ jsx(WorkflowSection, {
+					...workflowSettings,
+					actions: workflowActions,
+					list: (signal) => store.listWorkflowTargets(signal)
+				}, `workflow:${selection?.id}`),
 				isOpenApi && task != null && "executor" in task && /* @__PURE__ */ jsx(OpenApiSection, {
 					task,
 					credentials: (onInvalidChange) => selection?.kind === "task" && task.inputs.filter((port) => "handle" in port && port.handle.startsWith("auth.")).map((definition) => {
-						const mapping = selection.node.inputs[definition.handle];
+						const mapping = revision.inputMappings(selection.node)[definition.handle];
 						const source = mapping?.kind === "sources" ? mapping.sources.find((item) => item.kind === "binding") : void 0;
 						const binding = source?.kind === "binding" ? revision.binding(source.bindingId) : void 0;
 						return /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: definition.handle.slice(5).replace(/^manual\./, "").replaceAll(".", " · ") }), /* @__PURE__ */ jsx(NodeInputValue, {
@@ -34802,10 +35325,10 @@ function NodeInspector({ webhookDeployment, variables = {
 						task: value
 					}) ?? Promise.resolve(false)
 				}, `openapi:${selection?.id}`),
-				!unconfiguredOpenApi && (selection?.kind === "approval" || selection?.kind === "wait" || selection?.kind === "task") && (() => {
-					const definitions = selection.kind === "task" ? [...selection.definition?.inputs ?? []] : [...selection.node.inputDefinitions];
+				!unconfiguredOpenApi && !unconfiguredWorkflow && (selection?.kind === "outputs" || selection?.kind === "approval" || selection?.kind === "wait" || selection?.kind === "task") && (() => {
+					const definitions = selection.kind === "outputs" ? [...selection.node.outputDefs] : selection.kind === "task" ? [...selection.definition?.inputs ?? []] : [...selection.node.inputDefinitions];
 					const handles = new Set(definitions.flatMap((definition) => "handle" in definition ? [definition.handle] : []));
-					for (const handle of Object.keys(selection.node.inputs)) if (!handles.has(handle) && !(selection.kind === "task" && selection.node.additionalInputs?.some((port) => port.handle === handle))) definitions.push({
+					for (const handle of Object.keys(revision.inputMappings(selection.node))) if (!handles.has(handle) && !(selection.kind === "task" && selection.node.additionalInputs?.some((port) => port.handle === handle))) definitions.push({
 						handle,
 						jsonSchema: {},
 						nullable: true
@@ -34816,7 +35339,7 @@ function NodeInspector({ webhookDeployment, variables = {
 							...definition,
 							description: t("decision.targetDescription")
 						};
-						const mapping = selection.node.inputs[definition.handle];
+						const mapping = revision.inputMappings(selection.node)[definition.handle];
 						const source = mapping?.kind === "sources" ? mapping.sources.find((item) => item.kind === "binding") : void 0;
 						const binding = source?.kind === "binding" ? revision.binding(source.bindingId) : void 0;
 						return {
@@ -34838,8 +35361,9 @@ function NodeInspector({ webhookDeployment, variables = {
 					});
 					const fields = /* @__PURE__ */ jsx(NodeInputs, {
 						readOnly,
-						allowAddGroup: selection.kind !== "wait" && selection.kind !== "approval",
-						title: t("inspector.ports.inputsTitle"),
+						allowAddGroup: selection.kind === "task",
+						title: t(selection.kind === "outputs" ? "inspector.ports.outputsTitle" : "inspector.ports.inputsTitle"),
+						titleIcon: selection.kind === "outputs" ? "output" : "input",
 						entries,
 						fieldLabels: connector?.action == "leina.send_notification" ? {
 							leinaId: t("leina.robot"),
@@ -34848,7 +35372,9 @@ function NodeInspector({ webhookDeployment, variables = {
 						onReset: () => {
 							return store?.resetInputs(selection.id, entries.flatMap((entry) => "group" in entry ? [] : [entry.definition.handle]));
 						},
-						onDefinitions: selection.kind === "task" && selection.definition != null && ("moduleId" in selection.node.task || isAgent) ? (inputs, deletion, values) => {
+						onDefinitions: selection.kind === "outputs" ? (outputDefinitions, deletion, values) => {
+							store?.saveOutputsDefs(selection.id, outputDefinitions.filter((port) => "handle" in port), deletion, values);
+						} : selection.kind === "task" && selection.definition != null && ("moduleId" in selection.node.task || isAgent) ? (inputs, deletion, values) => {
 							store?.saveTaskPorts(selection.id, {
 								inputs,
 								outputs: selection.definition.outputs
@@ -34888,7 +35414,7 @@ function NodeInspector({ webhookDeployment, variables = {
 								title: t("inspector.task.additionalInputs"),
 								allowAddGroup: false,
 								entries: (selection.node.additionalInputs ?? []).map((definition) => {
-									const mapping = selection.node.inputs[definition.handle];
+									const mapping = revision.inputMappings(selection.node)[definition.handle];
 									const source = mapping?.kind === "sources" ? mapping.sources.find((item) => item.kind === "binding") : void 0;
 									const binding = source?.kind === "binding" ? revision.binding(source.bindingId) : void 0;
 									return {
@@ -34959,7 +35485,7 @@ function NodeInspector({ webhookDeployment, variables = {
 						}
 					})
 				}),
-				!unconfiguredOpenApi && selection?.kind === "task" && selection.definition != null && /* @__PURE__ */ jsx("section", {
+				!unconfiguredOpenApi && !unconfiguredWorkflow && selection?.kind === "task" && selection.definition != null && /* @__PURE__ */ jsx("section", {
 					className: "inspector-port-section",
 					children: /* @__PURE__ */ jsx(PortDefinitionEditor, {
 						readOnly,
@@ -37992,6 +38518,7 @@ function createNodeEntry(node, contentKey, canvasStore) {
 	const duplicateNode = (offset) => canvasStore.onDuplicate?.([node.id], offset);
 	const types = {
 		approval: NODE_TYPE.TaskNode,
+		outputs: NODE_TYPE.TaskNode,
 		condition: NODE_TYPE.ConditionNode,
 		task: NODE_TYPE.TaskNode,
 		trigger: NODE_TYPE.TriggerNode,
@@ -38003,7 +38530,7 @@ function createNodeEntry(node, contentKey, canvasStore) {
 		onIgnore: (ignored) => canvasStore.ignoreNodes([node.id], ignored),
 		content$,
 		position: node.position,
-		duplicateNode: node.kind === "trigger" && node.presentation?.kind === "manual" ? void 0 : duplicateNode
+		duplicateNode: node.kind === "outputs" || node.kind === "trigger" && (node.presentation?.kind === "manual" || node.presentation?.kind === "start") ? void 0 : duplicateNode
 	});
 	return {
 		contentKey,
@@ -38313,7 +38840,7 @@ var CanvasStore = class {
 		this.#entries = /* @__PURE__ */ new Map();
 		this.#modelPositions = /* @__PURE__ */ new Map();
 		this.#selectedNodeIds = /* @__PURE__ */ new Set();
-		this.completeLayout = () => {
+		this.completeLayout = (availableWidth) => {
 			if (this.layoutComplete) return true;
 			const nodes = this.allLayoutNodes();
 			if (nodes.length === 0) return true;
@@ -38326,7 +38853,7 @@ var CanvasStore = class {
 					return true;
 				}
 			}
-			this.doRelayout();
+			this.doRelayout(availableWidth);
 			this.layoutMeasurementAttempts = 0;
 			this.layoutComplete = true;
 			return "relayout";
@@ -38358,9 +38885,9 @@ var CanvasStore = class {
 				targetHandle: toManifestHandleName(targetHandle)
 			});
 		};
-		this.onRelayout = () => {
+		this.onRelayout = (availableWidth) => {
 			try {
-				this.doRelayout();
+				this.doRelayout(availableWidth);
 			} catch (e) {
 				console.error(e);
 			}
@@ -38520,7 +39047,7 @@ var CanvasStore = class {
 			toDeselect.forEach((store) => store.$$.selected.set(false));
 		};
 	}
-	doRelayout() {
+	doRelayout(availableWidth) {
 		const nodes = this.allLayoutNodes();
 		const g = new ie.Graph().setDefaultEdgeLabel(() => ({}));
 		g.setGraph({
@@ -38550,9 +39077,10 @@ var CanvasStore = class {
 				column: rank,
 				x: x - width / 2,
 				y: y - height / 2,
+				width,
 				height
 			};
-		}));
+		}), availableWidth);
 		for (const node of nodes) node.$$.position.set(positions[node.nodeId]);
 		this.#callbacks.onMoveNodes(positions);
 	}
@@ -50052,34 +50580,51 @@ var CanvasNode_module_default = {
 	valueKey: "CanvasNode_valueKey_f29c7"
 };
 var CanvasCard_module_default = {
-	card: "CanvasCard_card_afa5f",
-	value: "CanvasCard_value_afa5f",
-	preview: "CanvasCard_preview_afa5f",
-	comment: "CanvasCard_comment_afa5f",
-	selected: "CanvasCard_selected_afa5f",
-	problem: "CanvasCard_problem_afa5f",
-	header: "CanvasCard_header_afa5f",
-	icon: "CanvasCard_icon_afa5f",
-	identity: "CanvasCard_identity_afa5f",
-	indicator: "CanvasCard_indicator_afa5f",
-	warning: "CanvasCard_warning_afa5f",
-	content: "CanvasCard_content_afa5f",
-	footer: "CanvasCard_footer_afa5f",
-	afterPreview: "CanvasCard_afterPreview_afa5f",
-	branches: "CanvasCard_branches_afa5f",
-	collapse: "CanvasCard_collapse_afa5f",
-	collapseInner: "CanvasCard_collapseInner_afa5f",
-	compactIdentity: "CanvasCard_compactIdentity_afa5f",
-	compact: "CanvasCard_compact_afa5f",
-	withBody: "CanvasCard_withBody_afa5f",
-	compactContent: "CanvasCard_compactContent_afa5f",
-	singleContent: "CanvasCard_singleContent_afa5f",
-	subtitle: "CanvasCard_subtitle_afa5f",
-	fill: "CanvasCard_fill_afa5f"
+	card: "CanvasCard_card_56d5c",
+	value: "CanvasCard_value_56d5c",
+	preview: "CanvasCard_preview_56d5c",
+	comment: "CanvasCard_comment_56d5c",
+	selected: "CanvasCard_selected_56d5c",
+	problem: "CanvasCard_problem_56d5c",
+	runningBeam: "CanvasCard_runningBeam_56d5c",
+	"running-beam": "CanvasCard_running-beam_56d5c",
+	header: "CanvasCard_header_56d5c",
+	icon: "CanvasCard_icon_56d5c",
+	identity: "CanvasCard_identity_56d5c",
+	indicator: "CanvasCard_indicator_56d5c",
+	warning: "CanvasCard_warning_56d5c",
+	danger: "CanvasCard_danger_56d5c",
+	content: "CanvasCard_content_56d5c",
+	footer: "CanvasCard_footer_56d5c",
+	afterPreview: "CanvasCard_afterPreview_56d5c",
+	branches: "CanvasCard_branches_56d5c",
+	collapse: "CanvasCard_collapse_56d5c",
+	collapseInner: "CanvasCard_collapseInner_56d5c",
+	compactIdentity: "CanvasCard_compactIdentity_56d5c",
+	compact: "CanvasCard_compact_56d5c",
+	withBody: "CanvasCard_withBody_56d5c",
+	compactContent: "CanvasCard_compactContent_56d5c",
+	singleContent: "CanvasCard_singleContent_56d5c",
+	subtitle: "CanvasCard_subtitle_56d5c",
+	fill: "CanvasCard_fill_56d5c"
 };
 //#endregion
 //#region src/canvas/browser/graph/Nodes/components/CanvasCard.tsx
-function CanvasCard({ title, tone, titleContent, icon, subtitle, subtitleAccessory, children, preview, branches, footer, actions, problem, problemIcon, selected, fill = false, compact = false, compactContent = false, contentHidden = false, footerHidden = false }) {
+var runningBeamPathLength = 1e3;
+var runningBeamLength = 160;
+var runningBeamLayerCount = 48;
+var runningBeamPeakOpacity = .9;
+var runningBeamLayers = Array.from({ length: runningBeamLayerCount }, (_, index) => {
+	const length = runningBeamLength * (1 - index / runningBeamLayerCount);
+	const gap = (runningBeamPathLength - length) / 2;
+	const previousOpacity = runningBeamPeakOpacity * Math.sin(index / runningBeamLayerCount * (Math.PI / 2)) ** 2;
+	const opacity = runningBeamPeakOpacity * Math.sin((index + 1) / runningBeamLayerCount * (Math.PI / 2)) ** 2;
+	return {
+		dash: `0 ${gap} ${length} ${gap}`,
+		opacity: (opacity - previousOpacity) / (1 - previousOpacity)
+	};
+});
+function CanvasCard({ title, tone, titleContent, icon, subtitle, subtitleAccessory, children, preview, branches, footer, actions, problem, problemIcon, problemTone = "danger", selected, running = false, fill = false, compact = false, compactContent = false, contentHidden = false, footerHidden = false }) {
 	const hasContent = Children.toArray(children).some((child) => typeof child != "string" || child.trim().length > 0);
 	const hasBranches = !isEmptyReactNode(branches);
 	const hasBody = !contentHidden && (hasContent || !isEmptyReactNode(preview)) || hasBranches || !footerHidden && !isEmptyReactNode(footer);
@@ -50087,7 +50632,7 @@ function CanvasCard({ title, tone, titleContent, icon, subtitle, subtitleAccesso
 		title: problem,
 		placement: "top",
 		children: /* @__PURE__ */ jsx("span", {
-			className: clsx(CanvasCard_module_default.icon, CanvasCard_module_default.indicator, CanvasCard_module_default.warning),
+			className: clsx(CanvasCard_module_default.icon, CanvasCard_module_default.indicator, problemTone == "warning" ? CanvasCard_module_default.warning : CanvasCard_module_default.danger),
 			"aria-label": problem,
 			role: "img",
 			tabIndex: 0,
@@ -50098,67 +50643,81 @@ function CanvasCard({ title, tone, titleContent, icon, subtitle, subtitleAccesso
 		})
 	});
 	return /* @__PURE__ */ jsxs("article", {
-		className: clsx(CanvasCard_module_default.card, fill && CanvasCard_module_default.fill, compact && CanvasCard_module_default.compact, compactContent && CanvasCard_module_default.compactContent, tone && CanvasCard_module_default[tone], selected && CanvasCard_module_default.selected, problem && CanvasCard_module_default.problem),
-		children: [/* @__PURE__ */ jsxs("header", {
-			className: clsx(CanvasCard_module_default.header, hasBody && CanvasCard_module_default.withBody),
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: CanvasCard_module_default.compactIdentity,
-					children: [
-						/* @__PURE__ */ jsx("span", {
-							className: CanvasCard_module_default.icon,
-							children: icon
-						}),
-						/* @__PURE__ */ jsx("strong", {
+		className: clsx(CanvasCard_module_default.card, fill && CanvasCard_module_default.fill, compact && CanvasCard_module_default.compact, compactContent && CanvasCard_module_default.compactContent, tone && CanvasCard_module_default[tone], selected && CanvasCard_module_default.selected, problem && problemTone == "danger" && CanvasCard_module_default.problem),
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: clsx(CanvasCard_module_default.header, hasBody && CanvasCard_module_default.withBody),
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: CanvasCard_module_default.compactIdentity,
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: CanvasCard_module_default.icon,
+								children: icon
+							}),
+							/* @__PURE__ */ jsx("strong", {
+								title,
+								children: title
+							}),
+							statusIndicator
+						]
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: CanvasCard_module_default.icon,
+						children: icon
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: CanvasCard_module_default.identity,
+						children: [/* @__PURE__ */ jsx("strong", {
 							title,
-							children: title
-						}),
-						statusIndicator
-					]
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: CanvasCard_module_default.icon,
-					children: icon
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: CanvasCard_module_default.identity,
-					children: [/* @__PURE__ */ jsx("strong", {
-						title,
-						children: titleContent ?? title
-					}), subtitle && /* @__PURE__ */ jsxs("span", {
-						className: CanvasCard_module_default.subtitle,
-						children: [/* @__PURE__ */ jsx("span", { children: subtitle }), subtitleAccessory]
-					})]
-				}),
-				statusIndicator,
-				actions
-			]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: clsx(hasBody && !hasBranches && CanvasCard_module_default.singleContent),
-			children: [
-				(hasContent || !isEmptyReactNode(preview)) && /* @__PURE__ */ jsxs(CardCollapse, {
-					hidden: contentHidden,
-					children: [hasContent && /* @__PURE__ */ jsx("div", {
-						className: CanvasCard_module_default.content,
-						children
-					}), !isEmptyReactNode(preview) && /* @__PURE__ */ jsx("div", {
-						className: CanvasCard_module_default.preview,
-						children: preview
-					})]
-				}),
-				!isEmptyReactNode(branches) && /* @__PURE__ */ jsx("div", {
-					className: CanvasCard_module_default.branches,
-					children: branches
-				}),
-				!isEmptyReactNode(footer) && /* @__PURE__ */ jsx(CardCollapse, {
-					hidden: footerHidden,
-					children: /* @__PURE__ */ jsx("footer", {
-						className: clsx(CanvasCard_module_default.footer, !contentHidden && !isEmptyReactNode(preview) && CanvasCard_module_default.afterPreview),
-						children: footer
+							children: titleContent ?? title
+						}), subtitle && /* @__PURE__ */ jsxs("span", {
+							className: CanvasCard_module_default.subtitle,
+							children: [/* @__PURE__ */ jsx("span", { children: subtitle }), subtitleAccessory]
+						})]
+					}),
+					statusIndicator,
+					actions
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: clsx(hasBody && !hasBranches && CanvasCard_module_default.singleContent),
+				children: [
+					(hasContent || !isEmptyReactNode(preview)) && /* @__PURE__ */ jsxs(CardCollapse, {
+						hidden: contentHidden,
+						children: [hasContent && /* @__PURE__ */ jsx("div", {
+							className: CanvasCard_module_default.content,
+							children
+						}), !isEmptyReactNode(preview) && /* @__PURE__ */ jsx("div", {
+							className: CanvasCard_module_default.preview,
+							children: preview
+						})]
+					}),
+					!isEmptyReactNode(branches) && /* @__PURE__ */ jsx("div", {
+						className: CanvasCard_module_default.branches,
+						children: branches
+					}),
+					!isEmptyReactNode(footer) && /* @__PURE__ */ jsx(CardCollapse, {
+						hidden: footerHidden,
+						children: /* @__PURE__ */ jsx("footer", {
+							className: clsx(CanvasCard_module_default.footer, !contentHidden && !isEmptyReactNode(preview) && CanvasCard_module_default.afterPreview),
+							children: footer
+						})
 					})
-				})
-			]
-		})]
+				]
+			}),
+			running && /* @__PURE__ */ jsx("svg", {
+				className: CanvasCard_module_default.runningBeam,
+				"aria-hidden": "true",
+				children: runningBeamLayers.map((layer, index) => /* @__PURE__ */ jsx("rect", {
+					x: "0.5",
+					y: "0.5",
+					pathLength: runningBeamPathLength,
+					strokeDasharray: layer.dash,
+					strokeOpacity: layer.opacity
+				}, index))
+			})
+		]
 	});
 }
 /** Retain content only while the closing transition needs it. */
@@ -50726,9 +51285,11 @@ function CanvasNode({ nodeStore, problem, branches, compact = false, compactCont
 	const title = node.title;
 	const { values, summary, schedules, images, inline, hidden } = nodeCardContent(node);
 	const kind = node?.kind ?? "task";
-	const triggerSource = node.kind == "trigger" ? node.presentation?.kind == "error" || node.presentation?.kind == "manual" || node.presentation?.kind == "cron" || node.presentation?.kind == "webhook" ? t(`canvasCard.triggerSource.${node.presentation.kind}`) : node.presentation?.source : void 0;
+	const triggerSource = node.kind == "trigger" ? node.presentation?.kind == "error" || node.presentation?.kind == "manual" || node.presentation?.kind == "start" || node.presentation?.kind == "cron" || node.presentation?.kind == "webhook" ? t(`canvasCard.triggerSource.${node.presentation.kind}`) : node.presentation?.source : void 0;
 	const subtitle = inline ? summary : node.kind == "task" ? node.executorName || t("canvasCard.kind.task") : node.kind == "trigger" && triggerSource ? `${t("canvasCard.kind.trigger")} · ${triggerSource}` : t(`canvasCard.kind.${kind}`);
 	const runContent = node?.run == null || node.run.status == "idle" ? void 0 : /* @__PURE__ */ jsx(RunChips, { run: node.run });
+	const connectionRequired = (node.kind == "task" || node.kind == "trigger") && node.connectionRequired;
+	const connectionDeferred = node.kind == "task" && node.connectionDeferred && !connectionRequired && !problem;
 	return /* @__PURE__ */ jsx("div", {
 		className: NODE_HANDLE_CLASSNAME,
 		children: /* @__PURE__ */ jsx(CanvasCard, {
@@ -50762,8 +51323,10 @@ function CanvasNode({ nodeStore, problem, branches, compact = false, compactCont
 				})
 			}) : void 0,
 			selected,
-			problem: (node.kind == "task" || node.kind == "trigger") && node.connectionRequired ? t("nodeStatus.connectionRequired") : problem,
-			problemIcon: (node.kind == "task" || node.kind == "trigger") && node.connectionRequired ? /* @__PURE__ */ jsx("i", {
+			running: node.run?.status === "running",
+			problem: connectionRequired ? t("nodeStatus.connectionRequired") : problem ?? (connectionDeferred ? t("nodeStatus.connectionDeferred") : void 0),
+			problemTone: connectionDeferred ? "warning" : "danger",
+			problemIcon: connectionRequired || connectionDeferred ? /* @__PURE__ */ jsx("i", {
 				"aria-hidden": "true",
 				className: "i-lucide-light:unplug"
 			}) : void 0,
@@ -51833,7 +52396,7 @@ var NodeLayout = /* @__PURE__ */ memo(({ canvasStore, nodeStore, visible }) => {
 										isConnectable: editable,
 										hintRequested
 									}),
-									nodeStore.nodeType != NODE_TYPE.CommentNode && branches == null && /* @__PURE__ */ jsx(ExecutionHandle, {
+									nodeStore.nodeType != NODE_TYPE.CommentNode && modelNode?.kind != "outputs" && branches == null && /* @__PURE__ */ jsx(ExecutionHandle, {
 										id: toRFHandleName("$out"),
 										type: "output",
 										isConnectable: editable,
@@ -52711,6 +53274,9 @@ var GET_SIZE = (s) => ({
 	width: s.width,
 	height: s.height
 });
+function getLayoutWidth(state) {
+	return state.width > 0 ? Math.max(1, state.width - 64) / state.transform[2] : void 0;
+}
 var isSizeEqual = (a, b) => a.width === b.width && a.height === b.height;
 var isRectEqual = (a, b) => isSizeEqual(a, b) && a.x === b.x && a.y === b.y;
 var ReactFlowContainer = (props) => {
@@ -52751,6 +53317,7 @@ var selector = (s) => ({
 });
 var FlowControls = /*#__PURE__*/ memo((props) => {
 	const rf = useReactFlow();
+	const flowState = useStoreApi();
 	const { minZoomReached, maxZoomReached, zoom } = useStore(selector, shallowPlainObjectEqual);
 	const nodes = useNodes();
 	const bgId = useId().replaceAll(":", "");
@@ -52761,7 +53328,7 @@ var FlowControls = /*#__PURE__*/ memo((props) => {
 		maxZoom: 1
 	};
 	const relayout = props.onRelayout == null ? void 0 : () => {
-		props.onRelayout?.();
+		props.onRelayout?.(getLayoutWidth(flowState.getState()));
 		props.onBeforeFitView?.();
 		setTimeout(() => rf.fitView(fitViewOptions), 100);
 	};
@@ -52974,7 +53541,7 @@ var ReactFlowContainerInner = (props) => {
 		let fitTimer;
 		let attempts = 0;
 		const completeLayout = () => {
-			const result = props.onLayoutMeasured?.();
+			const result = props.onLayoutMeasured?.(getLayoutWidth(flowState.getState()));
 			if (result === false && attempts++ < 5) measurementFrame = requestAnimationFrame(completeLayout);
 			else if (result === "relayout") {
 				onBeforeFitView();
@@ -53009,6 +53576,7 @@ var ReactFlowContainerInner = (props) => {
 			if (transitionTimer) clearTimeout(transitionTimer);
 		};
 	}, [
+		flowState,
 		onBeforeFitView,
 		props.layoutMotion,
 		props.onLayoutMeasured,
@@ -53813,7 +54381,7 @@ var WorkbenchCanvas = forwardRef(function WorkbenchCanvas({ nodePicker, annotati
 			screenPosition: screenPosition(canvasPosition)
 		});
 	};
-	const manualTrigger = staticOptions.get("trigger:manual");
+	const startTrigger = staticOptions.get("trigger:start");
 	const needsTrigger = !model.nodes.some((node) => node.kind == "trigger");
 	const addRecommended = async (option) => {
 		if (addingRecommended.current) return;
@@ -53897,7 +54465,7 @@ var WorkbenchCanvas = forwardRef(function WorkbenchCanvas({ nodePicker, annotati
 					disabled,
 					onOpenNodePicker: openAddNode,
 					runControl,
-					onAddTrigger: needsTrigger && model.nodes.length > 0 && manualTrigger != null ? () => void addRecommended(manualTrigger) : void 0
+					onAddTrigger: needsTrigger && model.nodes.length > 0 && startTrigger != null ? () => void addRecommended(startTrigger) : void 0
 				}),
 				onAddNode: async (itemId, position, connection) => {
 					const dragged = draggedNode.current.consume(itemId);
@@ -54157,7 +54725,10 @@ function LiveTriggers({ store }) {
 							}),
 							detail.binding.endpointUrl != null && /* @__PURE__ */ jsxs("div", {
 								className: "trigger-webhook",
-								children: [/* @__PURE__ */ jsx("span", { children: t("publication.webhookUrl") }), /* @__PURE__ */ jsx(WebhookEndpoint, { endpointUrl: detail.binding.endpointUrl }, detail.binding.endpointUrl)]
+								children: [/* @__PURE__ */ jsx("span", { children: t("publication.webhookUrl") }), /* @__PURE__ */ jsx(WebhookEndpoint, {
+									notify: store.workspace.notify,
+									endpointUrl: detail.binding.endpointUrl
+								}, detail.binding.endpointUrl)]
 							}),
 							/* @__PURE__ */ jsxs("div", {
 								className: "trigger-binding-detail-sections",
@@ -54843,52 +55414,6 @@ function PublicationsView({ store, onClose, theme = "light" }) {
 	});
 }
 //#endregion
-//#region src/workbench/browser/runtime/runs/errorHandling.tsx
-var RunLinkContext = createContext(void 0);
-function ErrorHandling({ run }) {
-	const t = useTranslate();
-	const hrefFor = useContext(RunLinkContext);
-	if (run == null || !("waits" in run) || run.errorSource == null && run.errorDispatches == null) return null;
-	const link = (flowId, runId, label) => hrefFor == null ? /* @__PURE__ */ jsxs("span", { children: [
-		label,
-		": ",
-		runId
-	] }) : /* @__PURE__ */ jsx("a", {
-		className: "text-foreground underline underline-offset-2 hover:text-muted-foreground",
-		href: hrefFor({
-			flowId,
-			runId,
-			view: "runs"
-		}),
-		children: label
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-1 px-4 py-2 text-sm",
-		role: "status",
-		children: [run.errorSource != null && link(run.errorSource.flowId, run.errorSource.runId, t("errorWorkflow.source")), run.errorDispatches?.map((dispatch) => /* @__PURE__ */ jsxs("div", { children: [
-			dispatch.status == "pending" && /* @__PURE__ */ jsxs("span", {
-				className: "text-muted-foreground",
-				children: [
-					t("errorWorkflow.pending"),
-					": ",
-					dispatch.flowId
-				]
-			}),
-			dispatch.status == "dispatched" && link(dispatch.flowId, dispatch.runId, `${t("errorWorkflow.dispatched")}: ${dispatch.flowId}`),
-			dispatch.status == "failed" && /* @__PURE__ */ jsxs("span", {
-				className: "text-destructive",
-				children: [
-					t("errorWorkflow.failed"),
-					" (",
-					dispatch.flowId,
-					"): ",
-					dispatch.message
-				]
-			})
-		] }, dispatch.flowId))]
-	});
-}
-//#endregion
 //#region src/workbench/browser/runtime/runs/runControl.tsx
 function RunControl({ disabled, inputContent, inputOpen, inputStatus, onInputOpenChange, onRun, onSelectTrigger, selectedTriggerId, starting, title, triggers }) {
 	const t = useTranslate();
@@ -55083,6 +55608,51 @@ function AlertDescription({ className, ...props }) {
 	});
 }
 //#endregion
+//#region src/workbench/browser/runtime/runs/errorHandling.tsx
+function ErrorHandling({ run }) {
+	const t = useTranslate();
+	const hrefFor = useContext(WorkbenchLinkContext);
+	if (run == null || !("waits" in run) || run.errorSource == null && run.errorDispatches == null) return null;
+	const link = (flowId, runId, label) => hrefFor == null ? /* @__PURE__ */ jsxs("span", { children: [
+		label,
+		": ",
+		runId
+	] }) : /* @__PURE__ */ jsx("a", {
+		className: "text-foreground underline underline-offset-2 hover:text-muted-foreground",
+		href: hrefFor({
+			flowId,
+			runId,
+			view: "runs"
+		}),
+		children: label
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1 px-4 py-2 text-sm",
+		role: "status",
+		children: [run.errorSource != null && link(run.errorSource.flowId, run.errorSource.runId, t("errorWorkflow.source")), run.errorDispatches?.map((dispatch) => /* @__PURE__ */ jsxs("div", { children: [
+			dispatch.status == "pending" && /* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground",
+				children: [
+					t("errorWorkflow.pending"),
+					": ",
+					dispatch.flowId
+				]
+			}),
+			dispatch.status == "dispatched" && link(dispatch.flowId, dispatch.runId, `${t("errorWorkflow.dispatched")}: ${dispatch.flowId}`),
+			dispatch.status == "failed" && /* @__PURE__ */ jsxs("span", {
+				className: "text-destructive",
+				children: [
+					t("errorWorkflow.failed"),
+					" (",
+					dispatch.flowId,
+					"): ",
+					dispatch.message
+				]
+			})
+		] }, dispatch.flowId))]
+	});
+}
+//#endregion
 //#region src/workbench/browser/runtime/runs/runGroups.ts
 function groupEvents(events) {
 	const groups = [];
@@ -55729,6 +56299,48 @@ function RunResults({ client, runId, results }) {
 	});
 }
 //#endregion
+//#region src/workbench/browser/runtime/runs/workflowCalls.tsx
+function WorkflowCalls({ run }) {
+	const t = useTranslate();
+	const hrefFor = useContext(WorkbenchLinkContext);
+	if (!("waits" in run)) return null;
+	const link = (flowId, runId, label) => hrefFor == null ? /* @__PURE__ */ jsxs("span", { children: [
+		label,
+		": ",
+		runId
+	] }) : /* @__PURE__ */ jsx("a", {
+		className: "text-foreground underline underline-offset-2 hover:text-muted-foreground",
+		href: hrefFor({
+			flowId,
+			runId,
+			view: "runs"
+		}),
+		children: label
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2 px-4 py-2 text-sm",
+		children: [run.caller != null && /* @__PURE__ */ jsxs("div", { children: [
+			link(run.caller.flowId, run.caller.runId, t("workflow.parent")),
+			" · ",
+			run.caller.nodeId
+		] }), run.calls?.map((call) => /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [
+				/* @__PURE__ */ jsxs("span", { children: [
+					call.nodeId,
+					" → ",
+					call.flowId
+				] }),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: call.status == null ? t("workflow.unavailable") : runLabel({ status: call.status }, t)
+				}),
+				link(call.flowId, call.runId, t("workflow.viewRun"))
+			]
+		}, call.executionId))]
+	});
+}
+//#endregion
 //#region src/workbench/browser/runtime/runs/runDrawer.tsx
 var RunVirtualItem = forwardRef(function RunVirtualItem({ index, ...props }, ref) {
 	return /* @__PURE__ */ jsx("div", {
@@ -56524,6 +57136,7 @@ function RunDrawer({ resultClient, cancelDisabled, canceling, events, eventsExpi
 				className: "run-content",
 				children: [
 					/* @__PURE__ */ jsx(ErrorHandling, { run }),
+					run != null && /* @__PURE__ */ jsx(WorkflowCalls, { run }),
 					run != null && /* @__PURE__ */ jsx(ActiveWait, {
 						onLocate: onLocateWait,
 						onResolve,
@@ -56692,7 +57305,7 @@ function Form({ onStarted, request, store, theme }) {
 					}),
 					request.editor && /* @__PURE__ */ jsxs("section", {
 						className: "run-input-group",
-						children: [/* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("strong", { children: t("inspector.ports.outputsTitle") }) }), /* @__PURE__ */ jsx(FlowRunInputEditor, {
+						children: [/* @__PURE__ */ jsxs("header", { children: [/* @__PURE__ */ jsx("strong", { children: t(request.editor.allowOmittedNullable ? "inspector.ports.startParametersTitle" : "inspector.ports.outputsTitle") }), request.editor.allowOmittedNullable && /* @__PURE__ */ jsx("p", { children: t("runInput.startParametersHint") })] }), /* @__PURE__ */ jsx(FlowRunInputEditor, {
 							store: request.editor,
 							theme,
 							showErrors: request.attempted
@@ -57381,6 +57994,7 @@ function RunsView({ flowName, onClose, onConfigureConnector, onLocateEvent, onLo
 						]
 					}),
 					/* @__PURE__ */ jsx(ErrorHandling, { run }),
+					/* @__PURE__ */ jsx(WorkflowCalls, { run }),
 					/* @__PURE__ */ jsx(ActiveWait, {
 						onLocate: onLocateWait,
 						onResolve: (waitId, action, comment) => void store.runs.resolve(waitId, action, comment),
@@ -58010,7 +58624,8 @@ var NodeInspectorContainer = memo(function NodeInspectorContainer({ store, focus
 			status: bindings.flowId === flowId ? bindings.status : "idle",
 			enabled: live?.status == "runnable",
 			hasUnpublishedChanges: live?.hasUnpublishedChanges ?? false,
-			onRetry: () => void store.publications.loadBindings(flowId)
+			onRetry: () => void store.publications.loadBindings(flowId),
+			notify: store.workspace.notify
 		},
 		variables: {
 			enabled: store.variablesEnabled,
@@ -58065,10 +58680,10 @@ function FlowEditor({ navigationIsland, onRun, onRunStarted, onCloseRuns, onConf
 	const checkLoading = useVal(store.workspace.$.checkLoading);
 	const history = useVal(store.workspace.history$);
 	const designer = useVal(store.$.designer);
+	const draft = useVal(store.workspace.$.draft);
 	const triggers = designer.nodes.filter((node) => node.kind == "trigger");
-	const selectedTrigger = triggers.find((node) => node.id == startId) ?? triggers[0];
+	const selectedTrigger = triggers.find((node) => node.id == startId) ?? triggers.find((node) => node.presentation?.kind == "start") ?? triggers[0];
 	const diagnosticFocus = useVal(store.workspace.$.diagnosticFocus);
-	const draft = useVal(store.workspace.$.draft);
 	const live = useVal(store.workspace.$.live);
 	const nodeFocus = useVal(store.workspace.$.nodeFocus);
 	const flowId = useVal(store.workspace.$.flowId);
@@ -58323,7 +58938,7 @@ function FlowEditor({ navigationIsland, onRun, onRunStarted, onCloseRuns, onConf
 				} : void 0,
 				nodeId: singleSelected ? selectedDesignerNode?.id : void 0,
 				nodeHeading: singleSelected && selection != null ? {
-					titleReadOnly: selection.kind === "trigger" && selection.trigger.kind === "manual",
+					titleReadOnly: selection.kind === "trigger" && (selection.trigger.kind === "manual" || selection.trigger.kind === "start"),
 					title: selection.node.name ?? selectedDesignerNode?.title ?? "",
 					icon: selectedDesignerNode != null && "icon" in selectedDesignerNode ? selectedDesignerNode.icon : void 0,
 					disabled: authoringDisabled,
@@ -58443,11 +59058,7 @@ function FlowWorkspace({ hrefFor, navigation, onConfigureConnector, onManageConn
 		store,
 		view
 	]);
-	useEffect(() => store.runRequests.dismissInputs(), [
-		draft?.revisionId,
-		flowId,
-		store
-	]);
+	useEffect(() => store.runRequests.dismissInputs(), [flowId, store]);
 	useEffect(() => {
 		if (submitting == null || !draftReady) return;
 		navigation.open("design");
@@ -58483,7 +59094,7 @@ function FlowWorkspace({ hrefFor, navigation, onConfigureConnector, onManageConn
 		flowsHref: hrefFor({ view: "design" }),
 		onOpenFlows: () => void navigation.openFlows()
 	});
-	return /* @__PURE__ */ jsx(IconifyProvider, { children: /* @__PURE__ */ jsx(RunLinkContext.Provider, {
+	return /* @__PURE__ */ jsx(IconifyProvider, { children: /* @__PURE__ */ jsx(WorkbenchLinkContext.Provider, {
 		value: hrefFor,
 		children: /* @__PURE__ */ jsxs("main", {
 			className: "workspace",