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

package/dist/browser/{flowWorkspace-C0J5C0oM.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 useIconifyCollectionLoader, $t as EmptyHeader, A as datePickerChange, An as SourceForm, Ar as Checkbox, Bn as fr_default$1, Bt as PopoverPanelContent, C as schemaForEditor, Cn as MenuGroup, Cr as inputValue, D as typeOfSchema, Dn as useMenuRootContext, E as isUnconstrainedSchema, En as MenuRootContext, F as indexAddNodeOptions, Fn as zh_TW_default$1, Ft as followWorkbenchLink, Gn as errorNotice, Gt as VirtualScrollArea, H as observeResource, Hn as I18n, Ht as PopoverTrigger, I as feishuResourceKind, In as zh_CN_default$1, It as Popover, J as triggerNodeIcon, Jt as InputGroupAddon, K as designerGraph, Kt as Z$2, L as supportsFeishuChatFilter, Ln as ru_default$1, Lt as PopoverContent, M as isDateFormat, Mn as createI18n$1, Mr as IconThemeContext, Nn as uiLocales, Nt as WorkflowExportMenuItem, O as calendarChange, On as Badge, Pn as waitBranchDescription, Pt as IdTooltip, Q as IconifyProvider, Qn as sourceOutputLabel, Qt as EmptyDescription, Rn as ko_default$1, Rt as PopoverDescription, S as editorGroups, Sn as MenuItem, Sr as workflowSelectionTask, T as getDefaultValue, Tn as useContextMenuRootContext, U as resourceData, Un as FeishuEventPicker, Ut as NativeScrollArea, Vn as en_default$1, Vt as PopoverTitle, W as resourceValue, Wn as EventSourceSetup, Wt as ScrollArea, X as providerIcon, Xt as Empty, Y as actionSummary, Yn as decodeResultList, Yt as InputGroupInput, Z as ContentIcon, Zn as resolutionOutputPorts, Zt as EmptyContent, _n as useCompositeItem, _r as selectOperation, an as DropdownMenuGroup, at as revisionView, b as defaultValueEditorSchema, bn as MenuPortal, cn as DropdownMenuRadioGroup, dn as DropdownMenuSub, dt as diagnosticNodeId, en as EmptyMedia, et as useIconifyData, fn as DropdownMenuSubContent, fr as listOperations, ft as schemaMismatchMessage, gn as findRootOwnerId, gr as securityOptions, hn as isElementDisabled, hr as openApiTask, in as DropdownMenuContent, it as hasRunFilter, j as datePickerValue, jn as SourceSelect, jr as useAriaLabelledBy, k as calendarDate, kr as controlErrorCode, ln as DropdownMenuRadioItem, lr as triggerConfigValue, mn as DropdownMenuTrigger, mr as openApiFieldIssues, mt as connectionCatalog, n as agentTool, nn as DropdownMenu, nr as isJsonObject, on as DropdownMenuItem, pn as DropdownMenuSubTrigger, pr as object, q as semanticNodeIcon, qt as InputGroup, rn as DropdownMenuCheckboxItem, rt as canCancelRun, sn as DropdownMenuLabel, tn as EmptyTitle, tr as triggerOutputDefinitions, tt as wrapLayout, un as DropdownMenuSeparator, ur as triggerConfigValues, ut as diagnosticMessage, vn as MenuRoot, vr as serverAddress, w as valueForEditor, wn as ContextMenuRootContext, x as editorComponent, xn as MenuPopup, xr as workflowCandidateGroup, yn as MenuPositioner, yr as servers, z as mapSource, zn as ja_default$1, zt as PopoverHeader } from "./flowChanges-T4_R5p1f.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 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, a as DialogDescription, ai as itemPress, an as useDirection, at as decisionQuestionIssues, b as TooltipRoot, bi as fieldValidityMapping, bn as findItemIndex, br as findNonDisabledListIndex, c as DialogTitle, 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 DialogContent, 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 DialogTrigger, ln as popupStateMapping, lr as useValueAsRef, m as createTooltipHandle, mi as useFormContext, mn as hasNullItemLabel, mr as useTimeout, n as Dialog, 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, ri as inputClear, rn as useAnchorPositioning, rr as useStore$1, rt as decisionLimits, si as none$1, sn as inertValue, sr as require_builtin_esm_external_require_react, st as defaultDecisionQuestion, t as Icon, 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 "./icons-BD3m0RQq.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-DJqmR6Qh.js";
-import { t as WorkbenchSelect } from "./workbenchSelect-B-PFpF_Q.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");
@@ -2778,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");
 }
@@ -2814,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, {
@@ -2827,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) => {
@@ -2880,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);
@@ -2890,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,
@@ -2910,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);
@@ -2940,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",
@@ -2959,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) ?? {
@@ -2992,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", {
@@ -3015,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, {
@@ -3058,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, {
@@ -3468,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", {
@@ -3488,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", {
@@ -3508,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",
@@ -3518,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", {
@@ -3532,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
@@ -5877,461 +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/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__";
-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: "inspector-status-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(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/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);
@@ -6373,6 +6448,7 @@ function ActionSelectionDialog({ title, entries, connectors, prepareAction, disa
 						children: t("actionPicker.description")
 					}),
 					/* @__PURE__ */ jsx(ActionSelectionEditor, {
+						notify,
 						entries,
 						connectors,
 						prepareAction,
@@ -6396,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);
@@ -6404,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());
@@ -6497,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;
 		};
@@ -6523,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) => {
@@ -6537,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();
@@ -6608,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", {
@@ -6706,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) => {
@@ -6716,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);
@@ -6725,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", {
@@ -6749,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")
@@ -20816,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,
@@ -20917,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, {
@@ -20935,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,
@@ -21151,13 +21228,20 @@ 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: 8,
 			modules: {},
@@ -21189,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;
 		}
 	};
@@ -21218,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", {
@@ -21242,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,
@@ -21276,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",
@@ -22315,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}>`);
@@ -22374,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);
@@ -22434,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";
@@ -22468,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,
@@ -22505,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, {
@@ -27503,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);
@@ -27512,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);
 		}
@@ -27537,7 +27622,6 @@ function CreateEventSourceDialog({ client, teamId, existingNames, disabled, defa
 				if (value) {
 					setCreated(void 0);
 					setSelected(false);
-					setError(void 0);
 				}
 			},
 			children: [/* @__PURE__ */ jsx(DialogTrigger, {
@@ -27560,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,
@@ -27579,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, {
@@ -28880,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",
@@ -34143,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", {
@@ -34173,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,
@@ -34184,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;
@@ -34217,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)]
@@ -38750,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;
@@ -38763,7 +38853,7 @@ var CanvasStore = class {
 					return true;
 				}
 			}
-			this.doRelayout();
+			this.doRelayout(availableWidth);
 			this.layoutMeasurementAttempts = 0;
 			this.layoutComplete = true;
 			return "relayout";
@@ -38795,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);
 			}
@@ -38957,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({
@@ -38987,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);
 	}
@@ -50489,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);
@@ -50524,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,
@@ -50535,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. */
@@ -51166,6 +51288,8 @@ function CanvasNode({ nodeStore, problem, branches, compact = false, compactCont
 	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, {
@@ -51199,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,
@@ -53148,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) => {
@@ -53188,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(":", "");
@@ -53198,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);
 	};
@@ -53411,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();
@@ -53446,6 +53576,7 @@ var ReactFlowContainerInner = (props) => {
 			if (transitionTimer) clearTimeout(transitionTimer);
 		};
 	}, [
+		flowState,
 		onBeforeFitView,
 		props.layoutMotion,
 		props.onLayoutMeasured,
@@ -54594,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",
@@ -58490,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,