@oomol-lab/open-flow 0.1.0-beta.77 → 0.1.0-beta.79

package/dist/browser/{flowWorkspace-BFHGev7s.js → flowWorkspace-CXVL1FNv.js}

@@ -1,15 +1,15 @@
 import { i as __require, o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { A as DropdownMenuSub, C as DropdownMenuContent, D as DropdownMenuRadioGroup, E as DropdownMenuLabel, I as useCompositeItem, J as waitBranchDescription, M as DropdownMenuSubTrigger, N as DropdownMenuTrigger, O as DropdownMenuRadioItem, P as isElementDisabled, S as DropdownMenuCheckboxItem, T as DropdownMenuItem, _ as NativeScrollArea, at as Checkbox, b as Z$1, c as useIconifyData, d as PopoverContent, f as PopoverDescription, g as PopoverTrigger, h as PopoverTitle, j as DropdownMenuSubContent, k as DropdownMenuSeparator, m as PopoverPanelContent, o as IconifyProvider, ot as useAriaLabelledBy, p as PopoverHeader, s as useIconifyCollectionLoader, t as ContentIcon, u as Popover, v as ScrollArea, w as DropdownMenuGroup, x as DropdownMenu, y as VirtualScrollArea } from "./ContentIcon-VZQO8VZU.js";
+import { A as DropdownMenuSeparator, C as DropdownMenuCheckboxItem, D as DropdownMenuLabel, E as DropdownMenuItem, M as DropdownMenuSubContent, N as DropdownMenuSubTrigger, O as DropdownMenuRadioGroup, P as DropdownMenuTrigger, R as useCompositeItem, S as DropdownMenu, T as DropdownMenuGroup, X as waitBranchDescription, _ as PopoverTrigger, b as VirtualScrollArea, c as useIconifyData, ct as useAriaLabelledBy, d as Popover, f as PopoverContent, g as PopoverTitle, h as PopoverPanelContent, j as DropdownMenuSub, k as DropdownMenuRadioItem, m as PopoverHeader, o as IconifyProvider, p as PopoverDescription, s as useIconifyCollectionLoader, st as Checkbox, t as ContentIcon, v as NativeScrollArea, w as DropdownMenuContent, x as Z$1, y as ScrollArea } from "./ContentIcon-CMn0c-kl.js";
 import { i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { c as useLang, l as useTranslate, o as I18nProvider, r as isPlainObject, s as useI18n, u as useVal } from "./dist-BFmpkX4P.js";
-import { Ar as useButton, B as ARROW_KEYS, Cr as clsx, En as getTarget, Er as EMPTY_OBJECT, Fn as useOpenChangeComplete, Fr as useIsoLayoutEffect, Gn as clearPress, H as ARROW_RIGHT, Hn as createChangeEventDetails, J as MODIFIER_KEYS, K as HORIZONTAL_KEYS, L as useCompositeListItem, Ln as TransitionStatusDataAttributes, Lr as useStableCallback, Nr as formatErrorMessage, Pn as useTransitionStatus, Pr as mergeProps, Q as scrollIntoViewIfNeeded, R as ALL_KEYS, Rn as transitionStatusMapping, Sr as cva, Tn as contains, Tr as EMPTY_ARRAY$1, U as ARROW_UP, V as ARROW_LEFT, Vn as useValueChanged, X as VERTICAL_KEYS_WITH_EXTRA_KEYS, Y as VERTICAL_KEYS, Z as isNativeInput, Zt as useStore, _n as getMinListIndex, _r as visuallyHiddenInput, a as createTooltipHandle, br as buttonVariants, c as TooltipPositioner, cr as useLabelableContext, ct as CompositeList, d as TooltipRoot, dn as createGridCellMap, dr as useFieldRootContext, fn as findNonDisabledListIndex, fr as useBaseUiId, gn as getMaxListIndex, gr as visuallyHidden, hn as getGridNavigatedIndex, hr as fieldValidityMapping, i as TooltipTrigger, j as string, jn as ownerDocument, jr as CompositeRootContext, kr as useMergedRefs, l as TooltipPortal, lr as useFormContext, lt as inertValue, mn as getGridCellIndices, mt as triggerOpenStateMapping, n as TooltipContent, o as TooltipArrow, p as timeZoneOffsetMinutes, pn as getGridCellIndexOfCorner, q as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, r as TooltipProvider, s as TooltipPopup, st as useDirection, t as Tooltip, tn as require_builtin_esm_external_require_react, tr as none, u as TooltipTrigger$1, ur as useRegisterFieldControl, vn as isIndexOutOfListBounds, vr as useControlled, wn as activeElement, wr as useRenderElement, xr as cn, yn as isListIndexDisabled, yr as Button$1, z as ARROW_DOWN } from "./tooltip-BAWSUexx.js";
-import { $ as waitAutoContinueSchema, A as comparisonIssue, At as variableInputCompatible, Bt as SelectGroup, Ct as limitDecisionQuestions, D as nodeSystemOutputPorts, Dt as matchesSchema, E as nodeErrorSchema, F as operatorsForType, Ht as SelectSeparator, It as dequal, J as webhookResponseAllowsBody, K as webhookHeaderValuePort, L as unaryOperator, Lt as Select$1, O as supportsNodeErrorHandling, Ot as portsAssignable, P as operandHandle, Q as workflowOutputsPort, R as valueType, Rt as SelectChevron, St as defaultDecisionQuestion, T as workflowToolNameIssue, Tt as webhookSupportsBody, U as decodeRevisionContent, Ut as SelectTrigger, Vt as SelectItem, Wt as SelectValue, X as webhookResponseTimeout, Y as webhookResponseInputs, Z as webhookStatusCodePort, _t as isHttpHost, a as DialogFooter, at as httpHeaderSchema, b as nodeNameIssue, bt as decisionQuestionIssues, c as DialogTrigger, d as Field, et as defaultNodeRetry, f as FieldDescription, h as FieldLabel, i as DialogDescription, in as ChevronDown, kt as schemaObject, l as Icon, lt as httpRequestIssues, m as FieldGroup, nn as Input, nt as retryConfigurationSchema, o as DialogHeader, ot as httpQuerySchema, p as FieldError, pt as httpHeaderNameIssue, q as webhookHeadersPort, r as DialogContent, rn as useLabelableId, rt as supportsNodeRetry, s as DialogTitle, t as Dialog, tn as Label, tt as nodeRetryLimits, u as Spinner, ut as httpRequestTask, vt as decisionLimits, wt as webhookMethods, xt as decisionTask, zt as SelectContent } from "./dialog-BcFBfRB1.js";
-import { C as isMac, S as toManifestNodeId, _ as E$1, a as JSONViewer, b as toViewEdge, c as CanvasNodeIcon, d as IconStack, f as selectableTimeZones, g as cronDescription, h as timeZoneOffset, i as Textarea, l as defaultTriggerIcon, m as timeZoneLongLabel, n as setAddItemId, o as collapseAllNested, p as timeZoneLabel, r as NodeHistoryContext, s as formatDuration, t as FlowCanvas, u as useDebouncedValue, v as CanvasTooltip, w as isSameViewport, x as toManifestHandleName, y as CanvasStore } from "./FlowCanvas-BNGDMaWr.js";
-import { $n as openApiFieldIssues, $t as GroupCollectionProvider, A as schemaForEditor, An as decodeResultList, B as datePickerValue, Bn as triggerOutputDefinitions, Cn as FeishuEventPicker, D as defaultValueEditorSchema, E as supportsFeishuChatFilter, F as calendarChange, Fn as webhookResponseDiagnostics, Ft as dequal$1, G as indexAddNodeOptions, Gt as ValueEditorFeedback, H as isDateFormat, Ht as selectionMenuContentClass, I as calendarDate, In as sourceOutputLabel, It as WorkflowExportMenuItem, Jn as triggerConfigValue, Jt as ComboboxItem, Kt as valueEditor_module_default, L as dateFromTimeZone, Ln as sourcePort, Lt as IdTooltip, M as getDefaultValue, Mn as executionReachableNodes, N as isUnconstrainedSchema, Nn as inputSourceCandidates, O as editorComponent, P as typeOfSchema, Pn as resolutionOutputPorts, Q as resourceValue, Qn as object$1, Qt as ComboboxList, R as dateInTimeZone, Rt as FlowSettingsButton, Sn as createI18n, T as feishuResourceKind, Tn as errorNotice, Ut as selectionMenuItemClass, V as dateTimeWall, Vn as isJsonObject, Wt as ValueControl, X as observeResource, Xn as inputValue, Xt as ComboboxPositioner, Yn as triggerConfigValues, Yt as ComboboxPopup, Z as resourceData, Zn as listOperations, Zt as ComboboxPortal, _n as EmptyTitle, _r as eventSourceKind, _t as connectionCatalog, an as useComboboxInputValueContext, ar as sameWorkflowInterface, bn as SourceForm, cn as followWorkbenchLink, cr as workflowCandidateGroup, ct as revisionView, dn as InputGroupInput, en as ComboboxTrigger, er as openApiTask, et as designerGraph, fn as Empty, gn as EmptyMedia, gr as controlErrorCode, hn as EmptyHeader, ht as schemaMismatchMessage, in as selectors, ir as servers, it as providerIcon, j as valueForEditor, k as editorGroups, ln as InputGroup, lr as workflowCapability, mn as EmptyDescription, mt as diagnosticNodeId, n as agentTool, nn as ComboboxInput, nr as selectOperation, nt as triggerNodeIcon, on as useComboboxRootContext, or as workflowAgentTool, ot as canCancelRun, pn as EmptyContent, pt as diagnosticMessage, q as mapSource, qt as ComboboxItemIndicator, rn as ComboboxRoot, rr as serverAddress, rt as actionSummary, st as hasRunFilter, tn as ComboboxInputGroup, tr as securityOptions, tt as semanticNodeIcon, un as InputGroupAddon, ur as workflowSelectionTask, vn as Badge, wn as EventSourceSetup, xn as SourceSelect, z as datePickerChange } from "./flowChanges-BGo_4Ypo.js";
+import { A as string, Bn as transitionStatusMapping, Cr as cn, Dr as EMPTY_ARRAY, En as contains, Er as useRenderElement, Fr as formatErrorMessage, I as useCompositeListItem, In as useTransitionStatus, Ir as mergeProps, Ln as useOpenChangeComplete, Lr as useIsoLayoutEffect, Mn as ownerDocument, Mr as useButton, Nn as useLabelableId, Or as EMPTY_OBJECT, Qt as useStore, Sr as buttonVariants, Tn as activeElement, Tr as clsx, Un as useValueChanged, Wn as createChangeEventDetails, _r as fieldValidityMapping, a as createTooltipHandle, br as useControlled, c as TooltipPositioner, ct as CompositeList, d as TooltipRoot, dr as useFormContext, fr as useRegisterFieldControl, i as TooltipTrigger, jr as useMergedRefs, l as TooltipPortal, lt as inertValue, mr as useBaseUiId, mt as triggerOpenStateMapping, n as TooltipContent, nn as require_builtin_esm_external_require_react, o as TooltipArrow, p as timeZoneOffsetMinutes, pr as useFieldRootContext, qn as clearPress, r as TooltipProvider, rr as none, s as TooltipPopup, t as Tooltip, u as TooltipTrigger$1, ur as useLabelableContext, vr as visuallyHidden, wr as cva, xr as Button$1, yr as visuallyHiddenInput, zn as TransitionStatusDataAttributes, zr as useStableCallback } from "./tooltip-BDcVTNpu.js";
+import { $ as waitAutoContinueSchema, A as comparisonIssue, At as variableInputCompatible, Bt as SelectContent, Ct as limitDecisionQuestions, D as nodeSystemOutputPorts, Dt as matchesSchema, E as nodeErrorSchema, F as operatorsForType, Ft as skipDuplicatesConfigSchema, Gt as SelectValue, Ht as SelectItem, J as webhookResponseAllowsBody, K as webhookHeaderValuePort, L as unaryOperator, Lt as dequal, O as supportsNodeErrorHandling, Ot as portsAssignable, P as operandHandle, Q as workflowOutputsPort, R as valueType, Rt as Select$1, St as defaultDecisionQuestion, T as workflowToolNameIssue, Tt as webhookSupportsBody, U as decodeRevisionContent, Ut as SelectSeparator, Vt as SelectGroup, Wt as SelectTrigger, X as webhookResponseTimeout, Y as webhookResponseInputs, Z as webhookStatusCodePort, _t as isHttpHost, a as DialogFooter, at as httpHeaderSchema, b as nodeNameIssue, bt as decisionQuestionIssues, c as DialogTrigger, d as Field, et as defaultNodeRetry, f as FieldDescription, h as FieldLabel, i as DialogDescription, in as ChevronDown, kt as schemaObject, l as Icon, lt as httpRequestIssues, m as FieldGroup, nn as Label, nt as retryConfigurationSchema, o as DialogHeader, ot as httpQuerySchema, p as FieldError, pt as httpHeaderNameIssue, q as webhookHeadersPort, r as DialogContent, rn as Input, rt as supportsNodeRetry, s as DialogTitle, t as Dialog, tt as nodeRetryLimits, u as Spinner, ut as httpRequestTask, vt as decisionLimits, wt as webhookMethods, xt as decisionTask, zt as SelectChevron } from "./dialog-CFFuRM8s.js";
+import { C as toManifestHandleName, E as isSameViewport, S as toViewEdge, T as isMac, _ as timeZoneOffset, a as NodeHistoryContext, b as CanvasTooltip, c as defaultTriggerIcon, d as formatDuration, f as useDebouncedValue, g as timeZoneLongLabel, h as timeZoneLabel, i as setAddItemId, l as JSONViewer, m as selectableTimeZones, n as CompositeRoot, o as Textarea, p as IconStack, r as ACTIVE_COMPOSITE_ITEM, s as CanvasNodeIcon, t as FlowCanvas, u as collapseAllNested, v as cronDescription, w as toManifestNodeId, x as CanvasStore, y as E$1 } from "./FlowCanvas-BQGBcfoL.js";
+import { $n as triggerOutputDefinitions, A as schemaForEditor, An as EmptyTitle, B as datePickerValue, Cn as InputGroupAddon, Cr as workflowSelectionTask, D as defaultValueEditorSchema, Dn as EmptyDescription, Dr as controlErrorCode, E as supportsFeishuChatFilter, En as EmptyContent, Et as schemaMismatchMessage, F as calendarChange, Fn as createI18n, G as indexAddNodeOptions, Gn as executionReachableNodes, H as isDateFormat, I as calendarDate, In as FeishuEventPicker, Jn as webhookResponseDiagnostics, Jt as dequal$1, Kn as inputSourceCandidates, L as dateFromTimeZone, Ln as EventSourceSetup, M as getDefaultValue, N as isUnconstrainedSchema, Nn as SourceForm, O as editorComponent, On as EmptyHeader, Or as eventSourceKind, Ot as connectionCatalog, P as typeOfSchema, Pn as SourceSelect, Q as resourceValue, R as dateInTimeZone, Rn as errorNotice, Sn as InputGroup, Sr as workflowCapability, T as feishuResourceKind, Tn as Empty, Tt as diagnosticNodeId, Un as decodeResultList, V as dateTimeWall, X as observeResource, Xn as sourcePort, Xt as IdTooltip, Yn as sourceOutputLabel, Yt as WorkflowExportMenuItem, Z as resourceData, Zt as FlowSettingsButton, _n as selectors, _r as servers, _t as canCancelRun, an as valueEditor_module_default, at as getAppCatalogCache, cn as ComboboxPopup, cr as triggerConfigValues, dn as ComboboxList, dr as object$1, dt as designerGraph, er as isJsonObject, et as provider, fn as GroupCollectionProvider, fr as openApiFieldIssues, ft as semanticNodeIcon, gn as ComboboxRoot, gr as serverAddress, hn as ComboboxInput, hr as selectOperation, ht as providerIcon, in as ValueEditorFeedback, j as valueForEditor, jn as Badge, k as editorGroups, kn as EmptyMedia, ln as ComboboxPositioner, lr as inputValue, mn as ComboboxInputGroup, mr as securityOptions, mt as actionSummary, n as agentTool, nn as selectionMenuItemClass, on as ComboboxItemIndicator, pn as ComboboxTrigger, pr as openApiTask, pt as triggerNodeIcon, q as mapSource, qn as resolutionOutputPorts, rn as ValueControl, rt as decodeAppCatalogResponse, sn as ComboboxItem, sr as triggerConfigValue, tn as selectionMenuContentClass, un as ComboboxPortal, ur as listOperations, ut as loadJson, vn as useComboboxInputValueContext, vr as sameWorkflowInterface, vt as hasRunFilter, wn as InputGroupInput, wt as diagnosticMessage, xn as followWorkbenchLink, xr as workflowCandidateGroup, yn as useComboboxRootContext, yr as workflowAgentTool, yt as revisionView, z as datePickerChange } from "./flowChanges-CN2R-m1M.js";
 import { r as resolveUiLanguage } from "./languages-gYzoQqCi.js";
 import { a as renameObjectField, i as objectValue, n as isJsonValue, o as setObjectField, r as jsonDataTypes, s as valueType$1, t as initialValue } from "./value-BbFQZZ_V.js";
 import { n as compile, r as validate } from "./flowRunInputEditorStore-ys1-w9GW.js";
-import { t as WorkbenchSelect } from "./workbenchSelect-CjK-xdm3.js";
+import { t as WorkbenchSelect } from "./workbenchSelect-CkOS95gX.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";
@@ -761,9 +761,6 @@ function computeActivationDirection(oldValue, newValue, orientation, tabMap) {
 	return "none";
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/composite/constants.js
-var ACTIVE_COMPOSITE_ITEM = "data-composite-item-active";
-//#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/tabs/list/TabsListContext.js
 var TabsListContext = /*#__PURE__*/ React.createContext(void 0);
 if (process.env.NODE_ENV !== "production") TabsListContext.displayName = "TabsListContext";
@@ -994,238 +991,6 @@ var TabsPanel = /*#__PURE__*/ React.forwardRef(function TabPanel(componentProps,
 });
 if (process.env.NODE_ENV !== "production") TabsPanel.displayName = "TabsPanel";
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/composite/root/useCompositeRoot.js
-var EMPTY_ARRAY = [];
-function useCompositeRoot(params) {
-	const { itemSizes, cols = 1, loopFocus = true, onLoop, dense = false, orientation = "both", direction, highlightedIndex: externalHighlightedIndex, onHighlightedIndexChange: externalSetHighlightedIndex, rootRef: externalRef, enableHomeAndEndKeys = false, stopEventPropagation = false, disabledIndices, modifierKeys = EMPTY_ARRAY } = params;
-	const [internalHighlightedIndex, internalSetHighlightedIndex] = React.useState(0);
-	const isGrid = cols > 1;
-	const rootRef = React.useRef(null);
-	const mergedRef = useMergedRefs(rootRef, externalRef);
-	const elementsRef = React.useRef([]);
-	const hasSetDefaultIndexRef = React.useRef(false);
-	const highlightedIndex = externalHighlightedIndex ?? internalHighlightedIndex;
-	const onHighlightedIndexChange = useStableCallback((index, shouldScrollIntoView = false) => {
-		(externalSetHighlightedIndex ?? internalSetHighlightedIndex)(index);
-		if (shouldScrollIntoView) {
-			const newActiveItem = elementsRef.current[index];
-			scrollIntoViewIfNeeded(rootRef.current, newActiveItem, direction, orientation);
-		}
-	});
-	const onMapChange = useStableCallback((map) => {
-		if (map.size === 0 || hasSetDefaultIndexRef.current) return;
-		hasSetDefaultIndexRef.current = true;
-		const sortedElements = Array.from(map.keys());
-		const activeItem = sortedElements.find((compositeElement) => compositeElement?.hasAttribute("data-composite-item-active")) ?? null;
-		const activeIndex = activeItem ? sortedElements.indexOf(activeItem) : -1;
-		if (activeIndex !== -1) onHighlightedIndexChange(activeIndex);
-		scrollIntoViewIfNeeded(rootRef.current, activeItem, direction, orientation);
-	});
-	const wrappedOnLoop = useStableCallback((event, prevIndex, nextIndex) => {
-		if (!onLoop) return nextIndex;
-		return onLoop?.(event, prevIndex, nextIndex, elementsRef);
-	});
-	const props = React.useMemo(() => ({
-		"aria-orientation": orientation === "both" ? void 0 : orientation,
-		ref: mergedRef,
-		onFocus(event) {
-			const element = rootRef.current;
-			const target = getTarget(event.nativeEvent);
-			if (!element || target == null || !isNativeInput(target)) return;
-			target.setSelectionRange(0, target.value.length ?? 0);
-		},
-		onKeyDown(event) {
-			const RELEVANT_KEYS = enableHomeAndEndKeys ? ALL_KEYS : ARROW_KEYS;
-			if (!RELEVANT_KEYS.has(event.key)) return;
-			if (isModifierKeySet(event, modifierKeys)) return;
-			if (!rootRef.current) return;
-			const isRtl = direction === "rtl";
-			const horizontalForwardKey = isRtl ? ARROW_LEFT : ARROW_RIGHT;
-			const forwardKey = {
-				horizontal: horizontalForwardKey,
-				vertical: ARROW_DOWN,
-				both: horizontalForwardKey
-			}[orientation];
-			const horizontalBackwardKey = isRtl ? ARROW_RIGHT : ARROW_LEFT;
-			const backwardKey = {
-				horizontal: horizontalBackwardKey,
-				vertical: ARROW_UP,
-				both: horizontalBackwardKey
-			}[orientation];
-			const target = getTarget(event.nativeEvent);
-			if (target != null && isNativeInput(target) && !isElementDisabled(target)) {
-				const selectionStart = target.selectionStart;
-				const selectionEnd = target.selectionEnd;
-				const textContent = target.value ?? "";
-				if (selectionStart == null || event.shiftKey || selectionStart !== selectionEnd) return;
-				if (event.key !== backwardKey && selectionStart < textContent.length) return;
-				if (event.key !== forwardKey && selectionStart > 0) return;
-			}
-			let nextIndex = highlightedIndex;
-			const minIndex = getMinListIndex(elementsRef, disabledIndices);
-			const maxIndex = getMaxListIndex(elementsRef, disabledIndices);
-			if (isGrid) {
-				const sizes = itemSizes || Array.from({ length: elementsRef.current.length }, () => ({
-					width: 1,
-					height: 1
-				}));
-				const cellMap = createGridCellMap(sizes, cols, dense);
-				const minGridIndex = cellMap.findIndex((index) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices));
-				const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices) ? cellIndex : foundIndex, -1);
-				nextIndex = cellMap[getGridNavigatedIndex(cellMap.map((itemIndex) => itemIndex != null ? elementsRef.current[itemIndex] : null), {
-					event,
-					orientation,
-					loopFocus,
-					onLoop: wrappedOnLoop,
-					cols,
-					disabledIndices: getGridCellIndices([...disabledIndices || elementsRef.current.map((_, index) => isListIndexDisabled(elementsRef.current, index) ? index : void 0), void 0], cellMap),
-					minIndex: minGridIndex,
-					maxIndex: maxGridIndex,
-					prevIndex: getGridCellIndexOfCorner(highlightedIndex > maxIndex ? minIndex : highlightedIndex, sizes, cellMap, cols, event.key === "ArrowDown" ? "bl" : event.key === "ArrowRight" ? "tr" : "tl"),
-					rtl: isRtl
-				})];
-			}
-			const forwardKeys = {
-				horizontal: [horizontalForwardKey],
-				vertical: [ARROW_DOWN],
-				both: [horizontalForwardKey, ARROW_DOWN]
-			}[orientation];
-			const backwardKeys = {
-				horizontal: [horizontalBackwardKey],
-				vertical: [ARROW_UP],
-				both: [horizontalBackwardKey, ARROW_UP]
-			}[orientation];
-			const preventedKeys = isGrid ? RELEVANT_KEYS : {
-				horizontal: enableHomeAndEndKeys ? HORIZONTAL_KEYS_WITH_EXTRA_KEYS : HORIZONTAL_KEYS,
-				vertical: enableHomeAndEndKeys ? VERTICAL_KEYS_WITH_EXTRA_KEYS : VERTICAL_KEYS,
-				both: RELEVANT_KEYS
-			}[orientation];
-			if (enableHomeAndEndKeys) {
-				if (event.key === "Home") nextIndex = minIndex;
-				else if (event.key === "End") nextIndex = maxIndex;
-			}
-			if (nextIndex === highlightedIndex && (forwardKeys.includes(event.key) || backwardKeys.includes(event.key))) {
-				if (loopFocus && nextIndex === maxIndex && forwardKeys.includes(event.key)) {
-					nextIndex = minIndex;
-					if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-				} else if (loopFocus && nextIndex === minIndex && backwardKeys.includes(event.key)) {
-					nextIndex = maxIndex;
-					if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-				} else nextIndex = findNonDisabledListIndex(elementsRef.current, {
-					startingIndex: nextIndex,
-					decrement: backwardKeys.includes(event.key),
-					disabledIndices
-				});
-			}
-			if (nextIndex !== highlightedIndex && !isIndexOutOfListBounds(elementsRef.current, nextIndex)) {
-				if (stopEventPropagation) event.stopPropagation();
-				if (preventedKeys.has(event.key)) event.preventDefault();
-				onHighlightedIndexChange(nextIndex, true);
-				queueMicrotask(() => {
-					elementsRef.current[nextIndex]?.focus();
-				});
-			}
-		}
-	}), [
-		cols,
-		dense,
-		direction,
-		disabledIndices,
-		elementsRef,
-		enableHomeAndEndKeys,
-		highlightedIndex,
-		isGrid,
-		itemSizes,
-		loopFocus,
-		onLoop,
-		wrappedOnLoop,
-		mergedRef,
-		modifierKeys,
-		onHighlightedIndexChange,
-		orientation,
-		stopEventPropagation
-	]);
-	return React.useMemo(() => ({
-		props,
-		highlightedIndex,
-		onHighlightedIndexChange,
-		elementsRef,
-		disabledIndices,
-		onMapChange,
-		relayKeyboardEvent: props.onKeyDown
-	}), [
-		props,
-		highlightedIndex,
-		onHighlightedIndexChange,
-		elementsRef,
-		disabledIndices,
-		onMapChange
-	]);
-}
-function isModifierKeySet(event, ignoredModifierKeys) {
-	for (const key of MODIFIER_KEYS.values()) {
-		if (ignoredModifierKeys.includes(key)) continue;
-		if (event.getModifierState(key)) return true;
-	}
-	return false;
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/composite/root/CompositeRoot.js
-/**
-* @internal
-*/
-function CompositeRoot(componentProps) {
-	const { render, className, style, refs = EMPTY_ARRAY$1, props = EMPTY_ARRAY$1, state = EMPTY_OBJECT, stateAttributesMapping, highlightedIndex: highlightedIndexProp, onHighlightedIndexChange: onHighlightedIndexChangeProp, orientation, dense, itemSizes, loopFocus, onLoop, cols, enableHomeAndEndKeys, onMapChange: onMapChangeProp, stopEventPropagation = true, rootRef, disabledIndices, modifierKeys, highlightItemOnHover = false, tag = "div", ...elementProps } = componentProps;
-	const { props: defaultProps, highlightedIndex, onHighlightedIndexChange, elementsRef, onMapChange: onMapChangeUnwrapped, relayKeyboardEvent } = useCompositeRoot({
-		itemSizes,
-		cols,
-		loopFocus,
-		onLoop,
-		dense,
-		orientation,
-		highlightedIndex: highlightedIndexProp,
-		onHighlightedIndexChange: onHighlightedIndexChangeProp,
-		rootRef,
-		stopEventPropagation,
-		enableHomeAndEndKeys,
-		direction: useDirection(),
-		disabledIndices,
-		modifierKeys
-	});
-	const element = useRenderElement(tag, componentProps, {
-		state,
-		ref: refs,
-		props: [
-			defaultProps,
-			...props,
-			elementProps
-		],
-		stateAttributesMapping
-	});
-	const contextValue = React.useMemo(() => ({
-		highlightedIndex,
-		onHighlightedIndexChange,
-		highlightItemOnHover,
-		relayKeyboardEvent
-	}), [
-		highlightedIndex,
-		onHighlightedIndexChange,
-		highlightItemOnHover,
-		relayKeyboardEvent
-	]);
-	return /*#__PURE__*/ jsx(CompositeRootContext.Provider, {
-		value: contextValue,
-		children: /*#__PURE__*/ jsx(CompositeList, {
-			elementsRef,
-			onMapChange: (newMap) => {
-				onMapChangeProp?.(newMap);
-				onMapChangeUnwrapped(newMap);
-			},
-			children: element
-		})
-	});
-}
-//#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/tabs/list/TabsList.js
 /**
 * Groups the individual tab buttons.
@@ -1320,7 +1085,7 @@ var TabsList$1 = /*#__PURE__*/ React.forwardRef(function TabsList(componentProps
 			orientation,
 			onHighlightedIndexChange: setHighlightedTabIndex,
 			onMapChange: setTabMap,
-			disabledIndices: EMPTY_ARRAY$1
+			disabledIndices: EMPTY_ARRAY
 		})
 	});
 });
@@ -2682,7 +2447,7 @@ function fallbackIcon$1(item) {
 		case "agent": return "llm";
 		case "condition": return "condition";
 		case "decision": return "decision";
-		case "dedupe":
+		case "skip-duplicates":
 		case "http-request":
 		case "openapi":
 		case "connector":
@@ -3376,7 +3141,7 @@ function ConnectorAccessSettings({ connectionHref, onManage, onSelectReference,
 	const referenceIcon = (reference) => {
 		const node = displayed?.node(reference.nodeId);
 		if (node == null) return;
-		return node.kind == "trigger" ? triggerNodeIcon(node.trigger, providerMetadata) : semanticNodeIcon(node, actions);
+		return node.kind == "trigger" ? triggerNodeIcon(node.trigger, providerMetadata) : semanticNodeIcon(node, actions, providerMetadata);
 	};
 	const affected = removing == null ? void 0 : accounts.get(removing);
 	return /* @__PURE__ */ jsxs("section", {
@@ -5759,10 +5524,73 @@ function NativeSelectOption({ className, ...props }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/editor/flowStatePanel.tsx
-function FlowStatePanel({ value, nodeIds, busy, onClearValues, onClearSpace, space }) {
+function StateValueRow({ item, client, flowId, scope, busy, onClear }) {
 	const t = useTranslate();
-	const count = value.spaces.reduce((total, item) => total + item.count, 0);
-	const spaces = space == null ? value.spaces : value.spaces.filter((item) => typeof space === "string" ? item.space === space : space.includes(item.space));
+	const [open, setOpen] = useState(false);
+	const [result, setResult] = useState();
+	const [error, setError] = useState();
+	useEffect(() => {
+		if (!open) return;
+		const controller = new AbortController();
+		setResult(void 0);
+		setError(void 0);
+		client.getFlowStateValues(flowId, scope, [item.key], controller.signal).then((response) => {
+			if (!controller.signal.aborted) setResult(response.values[0]);
+		}, (reason) => {
+			if (!controller.signal.aborted) setError(String(reason));
+		});
+		return () => controller.abort();
+	}, [
+		client,
+		flowId,
+		scope,
+		item.key,
+		item.updatedAt,
+		open
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start justify-between gap-3 border-b border-border/60 py-2",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "m-0 break-all font-medium",
+				children: item.key
+			}), open && (result != null ? /* @__PURE__ */ jsx("pre", {
+				className: "max-h-40 overflow-auto whitespace-pre-wrap break-all text-xs",
+				children: JSON.stringify(result.value, null, 2)
+			}) : error != null ? /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-destructive text-sm",
+				children: error
+			}) : /* @__PURE__ */ jsx("p", {
+				role: "status",
+				className: "text-muted-foreground text-sm",
+				children: t("flowState.loading")
+			}))]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 gap-2",
+			children: [/* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				size: "sm",
+				disabled: busy,
+				"aria-expanded": open,
+				"aria-label": `${t(open ? "flowState.hideValue" : "flowState.showValue")}: ${item.key}`,
+				onClick: () => setOpen((value) => !value),
+				children: t(open ? "flowState.hideValue" : "flowState.showValue")
+			}), /* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				size: "sm",
+				disabled: busy,
+				onClick: (event) => onClear(item.key, event.currentTarget),
+				children: t("flowState.delete")
+			})]
+		})]
+	});
+}
+function FlowStatePanel({ value, client, flowId, nodeIds, busy, onClearValues, onClearSpace, space }) {
+	const t = useTranslate();
+	const count = value.spaces.reduce((total, item) => total + item.reservedCount, 0);
+	const spaces = space == null ? value.spaces : value.spaces.filter((item) => item.space === space);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-4",
 		children: [space == null && /* @__PURE__ */ jsxs("section", {
@@ -5786,7 +5614,7 @@ function FlowStatePanel({ value, nodeIds, busy, onClearValues, onClearSpace, spa
 							variant: "outline",
 							size: "sm",
 							disabled: busy,
-							onClick: () => onClearValues(),
+							onClick: (event) => onClearValues(void 0, event.currentTarget),
 							children: t("flowState.clearAll")
 						})
 					]
@@ -5795,24 +5623,13 @@ function FlowStatePanel({ value, nodeIds, busy, onClearValues, onClearSpace, spa
 					className: "m-0 text-sm text-muted-foreground",
 					children: t("flowState.emptyValues")
 				}),
-				value.values.map((item) => /* @__PURE__ */ jsxs("div", {
-					className: "flex items-start justify-between gap-3 border-b border-border/60 py-2",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "min-w-0",
-						children: [/* @__PURE__ */ jsx("p", {
-							className: "m-0 break-all font-medium",
-							children: item.key
-						}), item.value !== void 0 && /* @__PURE__ */ jsx("pre", {
-							className: "max-h-40 overflow-auto whitespace-pre-wrap break-all text-xs",
-							children: JSON.stringify(item.value, null, 2)
-						})]
-					}), /* @__PURE__ */ jsx(Button$1, {
-						variant: "outline",
-						size: "sm",
-						disabled: busy,
-						onClick: () => onClearValues(item.key),
-						children: t("flowState.delete")
-					})]
+				value.values.map((item) => /* @__PURE__ */ jsx(StateValueRow, {
+					item,
+					client,
+					flowId,
+					scope: value.scope,
+					busy,
+					onClear: onClearValues
 				}, item.key))
 			]
 		}), /* @__PURE__ */ jsxs("section", {
@@ -5858,15 +5675,15 @@ function FlowStatePanel({ value, nodeIds, busy, onClearValues, onClearSpace, spa
 									]
 								})
 							]
-						}), /* @__PURE__ */ jsx("p", {
+						}), /* @__PURE__ */ jsxs("p", {
 							className: "m-0 text-xs",
-							children: item.mode === "new" ? t("flowState.records", { count: item.count.toLocaleString() }) : `${t("flowState.watermark")}: ${item.watermark ?? "-"}`
+							children: [t("flowState.records", { count: item.count.toLocaleString() }), item.pendingCount > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [" · ", t("flowState.pendingRecords", { count: item.pendingCount.toLocaleString() })] })]
 						})]
 					}), /* @__PURE__ */ jsx(Button$1, {
 						variant: "outline",
 						size: "sm",
-						disabled: busy,
-						onClick: () => onClearSpace(item.space),
+						disabled: busy || item.pendingCount > 0,
+						onClick: (event) => onClearSpace(item.space, event.currentTarget),
 						children: t("flowState.clear")
 					})]
 				}, item.space))
@@ -5882,19 +5699,27 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 	}, []);
 	const [open, setOpen] = useState(onClose != null);
 	const [scope, setScope] = useState("draft");
-	const space = history?.space;
-	const [values, setValues] = useState(false);
+	const space = history == null ? void 0 : `node:${history.nodeId}`;
 	const [data, setData] = useState();
 	const [error, setError] = useState();
 	const [busy, setBusy] = useState(false);
 	const [refresh, setRefresh] = useState(0);
 	const [confirm, setConfirm] = useState();
+	const cancelButton = useRef(null);
+	const confirmTrigger = useRef();
+	useEffect(() => {
+		if (confirm != null) cancelButton.current?.focus();
+	}, [confirm]);
+	const cancelConfirm = () => {
+		setConfirm(void 0);
+		confirmTrigger.current?.focus();
+	};
 	useEffect(() => {
-		if (!open && space == null) return;
+		if (!open) return;
 		let active = true;
 		setData(void 0);
 		setError(void 0);
-		client.getFlowState(flowId, scope, values).then((result) => {
+		client.getFlowState(flowId, scope).then((result) => {
 			if (active) setData(result);
 		}, (reason) => {
 			if (active) setError(String(reason));
@@ -5906,7 +5731,6 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 		client,
 		flowId,
 		scope,
-		values,
 		refresh,
 		open,
 		space
@@ -5925,7 +5749,11 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 			setBusy(false);
 		}
 	};
-	const request = (target) => scope === "live" ? setConfirm(target) : void clear(target);
+	const request = (target, trigger) => {
+		confirmTrigger.current = trigger;
+		if (scope === "live") setConfirm(target);
+		else clear(target);
+	};
 	return /* @__PURE__ */ jsx("span", {
 		className: "contents",
 		ref: portal,
@@ -5934,13 +5762,14 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 			onOpenChange: (next) => {
 				if (!busy) {
 					setOpen(next);
+					if (next) setScope("draft");
 					if (!next) onClose?.();
 					setConfirm(void 0);
 				}
 			},
 			children: [onClose == null && /* @__PURE__ */ jsxs(DialogTrigger, {
 				render: /* @__PURE__ */ jsx(Button$1, {
-					variant: space != null && data != null && data.spaces.reduce((total, item) => total + item.count, 0) >= data.limits.maxIdentities * .8 ? "destructive" : "ghost",
+					variant: "ghost",
 					size: "sm"
 				}),
 				children: [/* @__PURE__ */ jsx("i", {
@@ -5952,7 +5781,7 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 				className: "max-h-[80vh] overflow-auto",
 				closeLabel: t("common.close"),
 				children: [
-					/* @__PURE__ */ jsx(DialogTitle, { children: t("flowState.title") }),
+					/* @__PURE__ */ jsx(DialogTitle, { children: t(space == null ? "flowState.title" : "flowState.history") }),
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex flex-wrap items-center gap-3",
 						children: [
@@ -5972,13 +5801,6 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 									children: t("flowState.live")
 								})]
 							}),
-							space == null && (values || (data?.values.length ?? 0) > 0) && /* @__PURE__ */ jsxs(Label, {
-								className: "flex items-center gap-2 text-sm",
-								children: [/* @__PURE__ */ jsx(Checkbox, {
-									checked: values,
-									onCheckedChange: setValues
-								}), t("flowState.showValues")]
-							}),
 							/* @__PURE__ */ jsx(Button$1, {
 								variant: "outline",
 								size: "sm",
@@ -6044,9 +5866,10 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 									onClick: () => void clear(confirm),
 									children: t("flowState.clear")
 								}), /* @__PURE__ */ jsx(Button$1, {
+									ref: cancelButton,
 									disabled: busy,
 									variant: "outline",
-									onClick: () => setConfirm(void 0),
+									onClick: cancelConfirm,
 									children: t("flowState.cancel")
 								})]
 							})
@@ -6057,12 +5880,18 @@ function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
 						children: error == null ? t("flowState.loading") : ""
 					}) : /* @__PURE__ */ jsx(FlowStatePanel, {
 						value: data,
-						space: scope === "live" && history != null ? ["flow", `node:${history.nodeId}`] : space,
+						client,
+						flowId,
+						space,
 						nodeIds,
 						busy,
-						onClearValues: (key) => request({ key }),
-						onClearSpace: (targetSpace) => request({ space: targetSpace })
-					})
+						onClearValues: (key, trigger) => request({ key }, trigger),
+						onClearSpace: (targetSpace, trigger) => request({ space: targetSpace }, trigger)
+					}, JSON.stringify([
+						flowId,
+						scope,
+						refresh
+					]))
 				]
 			})]
 		})
@@ -6737,7 +6566,7 @@ function SelectedToolRow({ icon, title, subtitle, actions, children }) {
 				})]
 			}),
 			actions,
-			/* @__PURE__ */ jsx("div", {
+			children != null && /* @__PURE__ */ jsx("div", {
 				className: "col-start-2 min-w-0",
 				children
 			})
@@ -7128,6 +6957,27 @@ function WorkflowToolPicker({ catalog, selected, disabled, onToggle }) {
 		onChoose: onToggle
 	});
 }
+function SelectedWorkflowToolRow({ entry, workflowName = entry.flowId, title = entry.name, actions, children }) {
+	const t = useTranslate();
+	return /* @__PURE__ */ jsx(SelectedToolRow, {
+		icon: /* @__PURE__ */ jsx(ProviderAppIcon, { children: /* @__PURE__ */ jsx("i", {
+			"aria-hidden": "true",
+			className: "i-lucide-light:workflow size-4 text-muted-foreground"
+		}) }),
+		title,
+		subtitle: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
+			className: "truncate",
+			title: workflowName,
+			children: [
+				t("toolPicker.workflow"),
+				" · ",
+				workflowName
+			]
+		}), /* @__PURE__ */ jsx(OpenWorkflowLink, { flowId: entry.flowId })] }),
+		actions,
+		children
+	});
+}
 function SelectedWorkflowTool({ entry, workflowName, disabled, load, onRefresh, onChange, otherNames, onValidChange, onRemove, children, portalRoot }) {
 	const t = useTranslate();
 	const [issue, setIssue] = useState();
@@ -7167,11 +7017,9 @@ function SelectedWorkflowTool({ entry, workflowName, disabled, load, onRefresh,
 	]);
 	const targetName = target?.name ?? workflowName ?? entry.flowId;
 	const removeLabel = t("actionPicker.remove", { action: targetName });
-	return /* @__PURE__ */ jsx(SelectedToolRow, {
-		icon: /* @__PURE__ */ jsx(ProviderAppIcon, { children: /* @__PURE__ */ jsx("i", {
-			"aria-hidden": "true",
-			className: "i-lucide-light:workflow size-4 text-muted-foreground"
-		}) }),
+	return /* @__PURE__ */ jsx(SelectedWorkflowToolRow, {
+		entry,
+		workflowName: targetName,
 		title: children == null ? /* @__PURE__ */ jsx(WorkflowToolTitle, {
 			name: entry.name,
 			disabled,
@@ -7179,15 +7027,6 @@ function SelectedWorkflowTool({ entry, workflowName, disabled, load, onRefresh,
 			otherNames,
 			onValidChange
 		}) : entry.name,
-		subtitle: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
-			className: "truncate",
-			title: targetName,
-			children: [
-				t("toolPicker.workflow"),
-				" · ",
-				targetName
-			]
-		}), /* @__PURE__ */ jsx(OpenWorkflowLink, { flowId: entry.flowId })] }),
 		actions: children ?? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button$1, {
 			type: "button",
 			size: "icon-sm",
@@ -7334,7 +7173,9 @@ function WorkflowToolTitle({ name, disabled, onChange, otherNames, onValidChange
 function entryKey(entry) {
 	return entry.kind == "workflow" ? `workflow:${entry.flowId}` : entry.action;
 }
-function ActionSelectionDialog({ title, entries, connectors, prepareAction, workflows, disabled, createEntry, onSave, notify, settings, trigger, triggerHint }) {
+function ActionSelectionDialog(props) {
+	const { title, entries, settings, trigger, triggerHint } = props;
+	const editor = props.readOnly === true ? void 0 : props;
 	const t = useTranslate();
 	const [open, setOpen] = useState(false);
 	const [root, setRoot] = useState(null);
@@ -7379,7 +7220,7 @@ function ActionSelectionDialog({ title, entries, connectors, prepareAction, work
 					variant: "outline",
 					size: "xs"
 				}),
-				disabled,
+				disabled: editor?.disabled ?? false,
 				"aria-label": `${title} · ${entries.length}`,
 				children: trigger?.props.children ?? `${title} · ${entries.length}`
 			}) }), /* @__PURE__ */ jsx(TooltipContent, {
@@ -7388,7 +7229,7 @@ function ActionSelectionDialog({ title, entries, connectors, prepareAction, work
 			})] }), /* @__PURE__ */ jsxs(DialogContent, {
 				container: root,
 				closeLabel: t("common.close"),
-				className: "flex h-[min(640px,85dvh)] flex-col gap-0 p-0 text-[13px] leading-5 font-normal sm:max-w-[min(46rem,calc(100%-2rem))]",
+				className: cn("flex flex-col gap-0 p-0 text-[13px] leading-5 font-normal", editor == null ? "max-h-[85dvh] sm:max-w-sm" : "h-[min(640px,85dvh)] sm:max-w-[min(46rem,calc(100%-2rem))]"),
 				showCloseButton: !pending,
 				children: [
 					/* @__PURE__ */ jsx(DialogTitle, {
@@ -7396,32 +7237,35 @@ function ActionSelectionDialog({ title, entries, connectors, prepareAction, work
 						children: title
 					}),
 					/* @__PURE__ */ jsx("div", { className: "mx-4 h-px shrink-0 bg-border/50" }),
-					/* @__PURE__ */ jsx(DialogDescription, {
+					props.readOnly === true ? /* @__PURE__ */ jsx(ReadonlyToolSelection, {
+						entries,
+						providers: props.providers,
+						settings
+					}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DialogDescription, {
 						className: "m-0 shrink-0 px-4 pt-3 text-[13px] leading-5",
 						children: t("actionPicker.description")
-					}),
-					/* @__PURE__ */ jsx(ActionSelectionEditor, {
-						notify,
+					}), /* @__PURE__ */ jsx(ActionSelectionEditor, {
+						notify: props.notify,
 						entries,
-						connectors,
-						prepareAction,
-						workflows,
-						disabled: disabled || pending,
-						createEntry,
+						connectors: props.connectors,
+						prepareAction: props.prepareAction,
+						workflows: props.workflows,
+						disabled: props.disabled || pending,
+						createEntry: props.createEntry,
 						settings,
 						onDirtyChange: setDirty,
 						onCancel: requestClose,
 						onSave: async (next) => {
 							setPending(true);
 							try {
-								const saved = await onSave(next);
+								const saved = await props.onSave(next);
 								if (saved) setOpen(false);
 								return saved;
 							} finally {
 								setPending(false);
 							}
 						}
-					}),
+					})] }),
 					/* @__PURE__ */ jsx(Dialog, {
 						open: confirmDiscard,
 						onOpenChange: setConfirmDiscard,
@@ -7460,6 +7304,121 @@ function ActionSelectionDialog({ title, entries, connectors, prepareAction, work
 		})
 	});
 }
+function SelectedToolsList({ count, actions, children, containerRef, headingRef, className }) {
+	const t = useTranslate();
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: cn("flex min-h-0 min-w-0 flex-1 flex-col gap-2", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex h-8 shrink-0 items-center justify-between gap-2 px-4",
+			children: [/* @__PURE__ */ jsx("h3", {
+				ref: headingRef,
+				tabIndex: -1,
+				className: "m-0 text-[13px] font-normal text-muted-foreground outline-none",
+				children: t("actionPicker.selected", { count })
+			}), actions]
+		}), count === 0 ? /* @__PURE__ */ jsx(Empty, { children: /* @__PURE__ */ jsxs(EmptyHeader, { children: [/* @__PURE__ */ jsx(EmptyMedia, {
+			variant: "icon",
+			children: /* @__PURE__ */ jsx("i", {
+				"aria-hidden": "true",
+				className: "i-lucide-light:list-checks size-4"
+			})
+		}), /* @__PURE__ */ jsx(EmptyDescription, {
+			className: "text-[13px]",
+			children: t("actionPicker.empty")
+		})] }) }) : /* @__PURE__ */ jsx(ScrollArea, {
+			className: "min-h-0 flex-1",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex flex-col divide-y divide-border/50 px-4",
+				children
+			})
+		})]
+	});
+}
+function SelectedToolSettings({ title, name, container, disabled = false, footer, children }) {
+	const t = useTranslate();
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		render: /* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx(Button$1, {
+			type: "button",
+			size: "icon-sm",
+			variant: "ghost",
+			disabled,
+			"aria-label": `${title} · ${name}`
+		}) }),
+		children: /* @__PURE__ */ jsx("i", {
+			"aria-hidden": "true",
+			className: "i-lucide-light:settings size-4 text-muted-foreground"
+		})
+	}), /* @__PURE__ */ jsx(TooltipContent, {
+		container,
+		children: title
+	})] }), /* @__PURE__ */ jsx(PopoverPanelContent, {
+		keepMounted: true,
+		container,
+		title,
+		closeLabel: t("common.close"),
+		className: "open-flow-property-panel w-96",
+		footer,
+		children
+	})] });
+}
+function ReadonlyToolSelection({ entries, providers, settings }) {
+	const t = useTranslate();
+	const [root, setRoot] = useState(null);
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex min-h-0 flex-1 py-4",
+		children: /* @__PURE__ */ jsx(SelectedToolsList, {
+			count: entries.length,
+			containerRef: setRoot,
+			children: entries.map((entry) => {
+				const name = entry.kind === "workflow" ? entry.name : entry.action;
+				const controls = settings && /* @__PURE__ */ jsx(SelectedToolSettings, {
+					title: settings.title,
+					name,
+					container: root,
+					children: settings.render({
+						entry,
+						disabled: true
+					})
+				});
+				if (entry.kind === "workflow") return /* @__PURE__ */ jsx(SelectedWorkflowToolRow, {
+					entry,
+					actions: controls
+				}, entry.id ?? entryKey(entry));
+				const service = entry.action.split(".")[0];
+				const provider = providers?.[service];
+				return /* @__PURE__ */ jsx(SelectedToolRow, {
+					icon: /* @__PURE__ */ jsx(ProviderAppIcon, { src: providerIcon(provider ?? {
+						serviceId: service,
+						serviceName: service
+					}) }),
+					title: name,
+					subtitle: /* @__PURE__ */ jsxs("span", {
+						className: "truncate",
+						children: [
+							t("toolPicker.connector"),
+							" · ",
+							provider?.serviceName ?? service
+						]
+					}),
+					actions: controls,
+					children: provider?.noSetup ? /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground",
+						children: t("actionPicker.noAccount")
+					}) : entry.connectionId == null ? null : /* @__PURE__ */ jsx("div", {
+						className: "open-flow-property-panel flex min-h-[30px] min-w-0 items-center [&>*]:w-full",
+						children: /* @__PURE__ */ jsx(Input, {
+							controlSize: "field",
+							readOnly: true,
+							"aria-label": t("actionPicker.accountFor", { action: name }),
+							value: entry.connectionId === "" ? t("inspector.account.deferred") : entry.connectionId
+						})
+					})
+				}, entry.id ?? entry.action);
+			})
+		})
+	});
+}
 function ActionSelectionEditor({ entries, connectors, prepareAction, workflows, disabled, createEntry, onSave, notify, onCancel, onDirtyChange, settings }) {
 	const t = useTranslate();
 	const [draft, setDraft] = useState(entries);
@@ -7624,27 +7583,11 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, workflows,
 			controller.abort();
 		}
 	};
-	const renderSettings = (entry, index, name, ready = true) => settings == null ? void 0 : /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		render: /* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx(Button$1, {
-			type: "button",
-			size: "icon-sm",
-			variant: "ghost",
-			disabled,
-			"aria-label": `${settings.title} · ${name}`
-		}) }),
-		children: /* @__PURE__ */ jsx("i", {
-			"aria-hidden": "true",
-			className: "i-lucide-light:settings size-4 text-muted-foreground"
-		})
-	}), /* @__PURE__ */ jsx(TooltipContent, {
-		container: portalRoot,
-		children: settings.title
-	})] }), /* @__PURE__ */ jsx(PopoverPanelContent, {
-		keepMounted: true,
-		container: portalRoot,
+	const renderSettings = (entry, index, name, ready = true) => settings == null ? void 0 : /* @__PURE__ */ jsx(SelectedToolSettings, {
 		title: settings.title,
-		closeLabel: t("common.close"),
-		className: "open-flow-property-panel w-96",
+		name,
+		container: portalRoot,
+		disabled,
 		footer: /* @__PURE__ */ jsx(Button$1, {
 			type: "button",
 			size: "field",
@@ -7660,7 +7603,7 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, workflows,
 			disabled: disabled || !ready,
 			onValidChange: (key, value) => setValidity(`${entry.id ?? entryKey(entry)}:${key}`, value)
 		})
-	})] });
+	});
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsxs("div", {
 			className: "grid min-h-0 flex-1 grid-cols-1 gap-y-4 py-4 sm:grid-cols-2",
@@ -7721,128 +7664,108 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, workflows,
 						}));
 					}
 				})]
-			}), /* @__PURE__ */ jsxs("div", {
-				ref: setPortalRoot,
-				className: "flex min-h-0 min-w-0 flex-col gap-2 sm:border-l sm:border-border/50",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex h-8 shrink-0 items-center justify-between gap-2 px-4",
-					children: [/* @__PURE__ */ jsx("h3", {
-						ref: selectedHeading,
-						tabIndex: -1,
-						className: "m-0 text-[13px] font-normal text-muted-foreground outline-none",
-						children: t("actionPicker.selected", { count: draft.length })
-					}), /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button$1, {
-						type: "button",
-						size: "icon-sm",
-						variant: "ghost",
-						disabled: disabled || refreshing || !draft.some((entry) => entry.kind != "workflow" && prepared[entry.action]?.action.authenticated),
-						"aria-label": t("actionPicker.refresh"),
-						onClick: () => void refresh(),
-						children: refreshing ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx("i", {
-							"aria-hidden": "true",
-							className: "i-lucide-light:rotate-cw size-4 text-muted-foreground"
-						})
-					}) }), /* @__PURE__ */ jsx(TooltipContent, {
-						container: portalRoot,
-						children: t("actionPicker.refresh")
-					})] })]
-				}), draft.length == 0 ? /* @__PURE__ */ jsx(Empty, { children: /* @__PURE__ */ jsxs(EmptyHeader, { children: [/* @__PURE__ */ jsx(EmptyMedia, {
-					variant: "icon",
-					children: /* @__PURE__ */ jsx("i", {
+			}), /* @__PURE__ */ jsx(SelectedToolsList, {
+				count: draft.length,
+				containerRef: setPortalRoot,
+				headingRef: selectedHeading,
+				className: "sm:border-l sm:border-border/50",
+				actions: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button$1, {
+					type: "button",
+					size: "icon-sm",
+					variant: "ghost",
+					disabled: disabled || refreshing || !draft.some((entry) => entry.kind != "workflow" && prepared[entry.action]?.action.authenticated),
+					"aria-label": t("actionPicker.refresh"),
+					onClick: () => void refresh(),
+					children: refreshing ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx("i", {
 						"aria-hidden": "true",
-						className: "i-lucide-light:list-checks size-4"
+						className: "i-lucide-light:rotate-cw size-4 text-muted-foreground"
 					})
-				}), /* @__PURE__ */ jsx(EmptyDescription, {
-					className: "text-[13px]",
-					children: t("actionPicker.empty")
-				})] }) }) : /* @__PURE__ */ jsx(ScrollArea, {
-					className: "min-h-0 flex-1",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "flex flex-col divide-y divide-border/50 px-4",
-						children: sortedEntries.map(({ entry, index }) => {
-							if (entry.kind == "workflow") return /* @__PURE__ */ jsx(SelectedWorkflowTool, {
-								entry,
-								workflowName: workflowCatalog.choices.find((item) => item.flowId == entry.flowId)?.name,
+				}) }), /* @__PURE__ */ jsx(TooltipContent, {
+					container: portalRoot,
+					children: t("actionPicker.refresh")
+				})] }),
+				children: sortedEntries.map(({ entry, index }) => {
+					if (entry.kind == "workflow") return /* @__PURE__ */ jsx(SelectedWorkflowTool, {
+						entry,
+						workflowName: workflowCatalog.choices.find((item) => item.flowId == entry.flowId)?.name,
+						disabled,
+						load: workflows?.load,
+						onChange: (name) => replace(index, {
+							...entry,
+							name
+						}),
+						otherNames: workflowEntries.filter((other) => other.flowId != entry.flowId).map((other) => other.name),
+						onValidChange: (value) => setValidity(`${entry.id ?? entryKey(entry)}:alias`, value),
+						portalRoot,
+						onRemove: () => remove(index),
+						onRefresh: (contract) => {
+							if (workflows) setDraft((current) => current.map((item) => item.kind == "workflow" && item.flowId == entry.flowId ? workflows.refresh(item, contract) : item));
+						},
+						children: renderSettings(entry, index, entry.name)
+					}, entry.id ?? entryKey(entry));
+					const resolved = prepared[entry.action];
+					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 && entry.connectionId !== "" && !accounts.some((account) => account.connectionId == entry.connectionId && account.status == "active");
+					return /* @__PURE__ */ jsx(SelectedToolRow, {
+						icon: /* @__PURE__ */ jsx(ProviderAppIcon, { src: action == null ? void 0 : providerIcon(action) }),
+						title: action?.name ?? entry.action,
+						subtitle: /* @__PURE__ */ jsxs("span", {
+							className: "truncate",
+							children: [t("toolPicker.connector"), action == null ? "" : ` · ${action.serviceName}`]
+						}),
+						actions: settings ? renderSettings(entry, index, action?.name ?? entry.action, resolved != null) : /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button$1, {
+							type: "button",
+							size: "icon-sm",
+							variant: "ghost",
+							disabled,
+							"aria-label": t("actionPicker.remove", { action: action?.name ?? entry.action }),
+							onClick: () => remove(index),
+							children: /* @__PURE__ */ jsx("i", {
+								"aria-hidden": "true",
+								className: "i-lucide-light:trash-2 size-4 text-muted-foreground"
+							})
+						}) }), /* @__PURE__ */ jsx(TooltipContent, {
+							container: portalRoot,
+							children: t("actionPicker.remove", { action: action?.name ?? entry.action })
+						})] }),
+						children: /* @__PURE__ */ jsx("div", {
+							className: "open-flow-property-panel flex min-h-[30px] min-w-0 items-center [&>*]:w-full",
+							children: resolved == null && preparationErrors[entry.action] != null ? /* @__PURE__ */ jsx(AccountControlButton, {
+								status: "danger",
 								disabled,
-								load: workflows?.load,
-								onChange: (name) => replace(index, {
-									...entry,
-									name
-								}),
-								otherNames: workflowEntries.filter((other) => other.flowId != entry.flowId).map((other) => other.name),
-								onValidChange: (value) => setValidity(`${entry.id ?? entryKey(entry)}:alias`, value),
-								portalRoot,
-								onRemove: () => remove(index),
-								onRefresh: (contract) => {
-									if (workflows) setDraft((current) => current.map((item) => item.kind == "workflow" && item.flowId == entry.flowId ? workflows.refresh(item, contract) : item));
+								label: t("inspector.account.retry"),
+								hint: preparationErrors[entry.action],
+								onClick: () => {
+									connectors.retryAction(entry.action);
+									setAttempt((value) => value + 1);
+								}
+							}) : action?.authenticated === false ? /* @__PURE__ */ jsx("div", {
+								className: "text-muted-foreground",
+								children: t("actionPicker.noAccount")
+							}) : /* @__PURE__ */ jsx(AccountSelect, {
+								loading: resolved == null,
+								connections: accounts.filter((account) => account.status == "active"),
+								selectedConnection: selected,
+								selectedId: entry.connectionId,
+								invalid: accountInvalid === true,
+								warning: entry.connectionId == null,
+								allowDeferred: true,
+								label: t("actionPicker.accountFor", { action: action?.name ?? entry.action }),
+								disabled,
+								onChange: (connectionId) => {
+									const { connectionId: _previous, ...rest } = entry;
+									replace(index, connectionId == null ? rest : {
+										...rest,
+										connectionId
+									});
 								},
-								children: renderSettings(entry, index, entry.name)
-							}, entry.id ?? entryKey(entry));
-							const resolved = prepared[entry.action];
-							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 && entry.connectionId !== "" && !accounts.some((account) => account.connectionId == entry.connectionId && account.status == "active");
-							return /* @__PURE__ */ jsx(SelectedToolRow, {
-								icon: /* @__PURE__ */ jsx(ProviderAppIcon, { src: action == null ? void 0 : providerIcon(action) }),
-								title: action?.name ?? entry.action,
-								subtitle: /* @__PURE__ */ jsxs("span", {
-									className: "truncate",
-									children: [t("toolPicker.connector"), action == null ? "" : ` · ${action.serviceName}`]
-								}),
-								actions: settings ? renderSettings(entry, index, action?.name ?? entry.action, resolved != null) : /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button$1, {
-									type: "button",
-									size: "icon-sm",
-									variant: "ghost",
-									disabled,
-									"aria-label": t("actionPicker.remove", { action: action?.name ?? entry.action }),
-									onClick: () => remove(index),
-									children: /* @__PURE__ */ jsx("i", {
-										"aria-hidden": "true",
-										className: "i-lucide-light:trash-2 size-4 text-muted-foreground"
-									})
-								}) }), /* @__PURE__ */ jsx(TooltipContent, {
-									container: portalRoot,
-									children: t("actionPicker.remove", { action: action?.name ?? entry.action })
-								})] }),
-								children: /* @__PURE__ */ jsx("div", {
-									className: "open-flow-property-panel flex min-h-[30px] min-w-0 items-center [&>*]:w-full",
-									children: resolved == null && preparationErrors[entry.action] != null ? /* @__PURE__ */ jsx(AccountControlButton, {
-										status: "danger",
-										disabled,
-										label: t("inspector.account.retry"),
-										hint: preparationErrors[entry.action],
-										onClick: () => {
-											connectors.retryAction(entry.action);
-											setAttempt((value) => value + 1);
-										}
-									}) : action?.authenticated === false ? /* @__PURE__ */ jsx("div", {
-										className: "text-muted-foreground",
-										children: t("actionPicker.noAccount")
-									}) : /* @__PURE__ */ jsx(AccountSelect, {
-										loading: resolved == null,
-										connections: accounts.filter((account) => account.status == "active"),
-										selectedConnection: selected,
-										selectedId: entry.connectionId,
-										invalid: accountInvalid === true,
-										warning: entry.connectionId == null,
-										allowDeferred: true,
-										label: t("actionPicker.accountFor", { action: action?.name ?? entry.action }),
-										disabled,
-										onChange: (connectionId) => {
-											const { connectionId: _previous, ...rest } = entry;
-											replace(index, connectionId == null ? rest : {
-												...rest,
-												connectionId
-											});
-										},
-										onManage: resolved == null ? void 0 : () => void connectors.connect(resolved.action.serviceId)
-									})
-								})
-							}, entry.id ?? entry.action);
+								onManage: resolved == null ? void 0 : () => void connectors.connect(resolved.action.serviceId)
+							})
 						})
-					})
-				})]
+					}, entry.id ?? entry.action);
+				})
 			})]
 		}),
 		attempted && !valid && /* @__PURE__ */ jsx("div", {
@@ -22015,7 +21938,7 @@ function AgentToolSettings({ entry: tool, onChange, disabled, onValidChange, inp
 	return /* @__PURE__ */ jsxs("fieldset", {
 		className: "m-0 flex min-w-0 flex-col gap-4 border-0 p-0",
 		children: [
-			/* @__PURE__ */ jsx(PopoverDescription, {
+			onChange != null && /* @__PURE__ */ jsx(PopoverDescription, {
 				className: "m-0 text-xs leading-5",
 				children: t("agent.toolSettingsHint")
 			}),
@@ -22084,28 +22007,25 @@ function AgentTools(props) {
 		...props.editor
 	});
 	if (props.config.tools.length === 0) return null;
-	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-		render: /* @__PURE__ */ jsx(Button$1, {
+	return /* @__PURE__ */ jsx(ActionSelectionDialog, {
+		readOnly: true,
+		title: t("agent.tools"),
+		entries: props.config.tools,
+		providers: props.providers,
+		trigger: /* @__PURE__ */ jsx(Button$1, {
 			type: "button",
 			variant: "ghost",
-			size: "sm"
+			size: "sm",
+			children: t("agent.tools")
 		}),
-		children: t("agent.tools")
-	}), /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx("div", {
-		className: "grid max-h-96 gap-4 overflow-auto",
-		children: props.config.tools.map((tool) => /* @__PURE__ */ jsxs("details", { children: [
-			/* @__PURE__ */ jsx("summary", { children: tool.name || (tool.kind == "workflow" ? tool.flowId : tool.action) }),
-			/* @__PURE__ */ jsxs("p", {
-				className: "reference-value",
-				children: [tool.kind == "workflow" ? tool.flowId : tool.action, tool.connectionId == null ? "" : ` · ${tool.connectionId === "" ? t("inspector.account.deferred") : tool.connectionId}`]
-			}),
-			/* @__PURE__ */ jsx(AgentToolSettings, {
-				entry: tool,
-				disabled: true,
+		settings: {
+			title: t("agent.toolSettings"),
+			render: (settings) => /* @__PURE__ */ jsx(AgentToolSettings, {
+				...settings,
 				inputs: props.inputs
 			})
-		] }, tool.id))
-	}) })] });
+		}
+	});
 }
 //#endregion
 //#region src/workbench/browser/runtime/editor/codeEditorPlaceholder.tsx
@@ -22422,7 +22342,7 @@ function EditableAgentSettingsProvider({ children, task, nodeId, store, connecto
 		saveFailed
 	});
 }
-function AgentSettingsContent({ children, task, config, nodeId, toolsEditor, disabled, theme, validationError, setConfig, save, saveFailed = false }) {
+function AgentSettingsContent({ children, task, config, nodeId, toolsEditor, providers, disabled, theme, validationError, setConfig, save, saveFailed = false }) {
 	const t = useTranslate();
 	const inputs = task.inputs.filter((port) => "handle" in port);
 	const promptSection = /* @__PURE__ */ jsxs("section", {
@@ -22437,7 +22357,8 @@ function AgentSettingsContent({ children, task, config, nodeId, toolsEditor, dis
 				config,
 				disabled,
 				inputs,
-				editor: toolsEditor
+				editor: toolsEditor,
+				providers
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "inspector-section-content",
@@ -22565,6 +22486,7 @@ function AgentSettingsProvider(props) {
 		nodeId: props.nodeId,
 		disabled: true,
 		theme: props.theme,
+		providers: props.providers,
 		children: props.children
 	});
 }
@@ -22747,7 +22669,7 @@ function CodeEditor({ ariaDescribedBy, ariaLabel, diagnostics, disabled, errorLa
 		darkMode.current = darkMode$;
 		setFailed(false);
 		setLoading(true);
-		const extension = import("./typeScriptSession-CRoezJPN.js").then(({ loadTypeScriptExtension }) => loadTypeScriptExtension(uri, typingRef.current, () => prepareCompletionRef.current?.())).catch(() => void 0);
+		const extension = import("./typeScriptSession-CoEIptNC.js").then(({ loadTypeScriptExtension }) => loadTypeScriptExtension(uri, typingRef.current, () => prepareCompletionRef.current?.())).catch(() => void 0);
 		claimEditor(uri).then((nextRelease) => {
 			release = nextRelease;
 			if (disposed) {
@@ -22834,7 +22756,7 @@ function CodeEditor({ ariaDescribedBy, ariaLabel, diagnostics, disabled, errorLa
 		editor.current?.updateOptions({ ariaDescribedBy });
 	}, [ariaDescribedBy]);
 	useEffect(() => {
-		import("./typeScriptSession-CRoezJPN.js").then(({ updateTypeScriptTyping }) => updateTypeScriptTyping(uri, typing)).catch(noop);
+		import("./typeScriptSession-CoEIptNC.js").then(({ updateTypeScriptTyping }) => updateTypeScriptTyping(uri, typing)).catch(noop);
 	}, [typing, uri]);
 	useEffect(() => {
 		if (location != null) editor.current?.revealPosition?.(location.line, location.column);
@@ -25967,122 +25889,6 @@ function DecisionItemActions({ addLabel, removeLabel, canAdd = true, onAdd, onRe
 	}), /* @__PURE__ */ jsx(TooltipContent, { children: removeLabel })] })] });
 }
 //#endregion
-//#region src/workbench/browser/runtime/editor/dedupeSection.tsx
-function DedupeSection({ task, disabled, onSave, history }) {
-	const t = useTranslate();
-	const id = useId();
-	const taskRef = useRef(task);
-	taskRef.current = task;
-	const saveRef = useRef(onSave);
-	saveRef.current = onSave;
-	const [changes] = useState(() => new TaskExecutorChanges(task.executor, (before, next) => {
-		const current = taskRef.current;
-		if (before.kind !== "dedupe" || next.kind !== "dedupe" || current.executor.kind !== "dedupe") return Promise.resolve(false);
-		const executor = { ...current.executor };
-		for (const key of [
-			"field",
-			"mode",
-			"space"
-		]) if (before[key] !== next[key]) Object.assign(executor, { [key]: next[key] });
-		return saveRef.current(current, {
-			...current,
-			executor
-		});
-	}));
-	const [config, setConfig] = useState(changes.value);
-	const [failed, setFailed] = useState(false);
-	useEffect(() => {
-		changes.sync(task.executor);
-		setConfig(changes.value);
-	}, [changes, task.executor]);
-	async function save() {
-		try {
-			setFailed(!await changes.save());
-		} catch {
-			setFailed(true);
-		}
-	}
-	function update(patch) {
-		if (disabled || changes.value.kind !== "dedupe") return;
-		changes.value = {
-			...changes.value,
-			...patch
-		};
-		setConfig(changes.value);
-		save();
-	}
-	if (config.kind !== "dedupe") return null;
-	return /* @__PURE__ */ jsx(InspectorSection, {
-		title: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-			className: "min-w-0 flex-1",
-			children: t("flowState.nodeTitle")
-		}), history] }),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "node-settings flex flex-col gap-3",
-			children: [
-				/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
-					htmlFor: `${id}-field`,
-					children: t("flowState.field")
-				}), /* @__PURE__ */ jsx(Input, {
-					id: `${id}-field`,
-					disabled,
-					defaultValue: config.field,
-					placeholder: t("flowState.fieldPlaceholder"),
-					onBlur: (event) => {
-						if (event.target.value !== config.field) update({ field: event.target.value });
-					}
-				}, config.field)] }),
-				/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
-					htmlFor: `${id}-mode`,
-					children: t("flowState.mode")
-				}), /* @__PURE__ */ jsxs(NativeSelect, {
-					id: `${id}-mode`,
-					disabled,
-					value: config.mode,
-					onChange: (event) => update({ mode: event.target.value }),
-					children: [/* @__PURE__ */ jsx(NativeSelectOption, {
-						value: "new",
-						children: t("flowState.new")
-					}), /* @__PURE__ */ jsx(NativeSelectOption, {
-						value: "increasing",
-						children: t("flowState.increasing")
-					})]
-				})] }),
-				/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
-					htmlFor: `${id}-space`,
-					children: t("flowState.space")
-				}), /* @__PURE__ */ jsxs(NativeSelect, {
-					id: `${id}-space`,
-					disabled,
-					value: config.space,
-					onChange: (event) => update({ space: event.target.value }),
-					children: [/* @__PURE__ */ jsx(NativeSelectOption, {
-						value: "node",
-						children: t("flowState.nodeSpace")
-					}), /* @__PURE__ */ jsx(NativeSelectOption, {
-						value: "flow",
-						children: t("flowState.flowSpace")
-					})]
-				})] }),
-				failed && /* @__PURE__ */ jsxs("div", {
-					role: "alert",
-					children: [/* @__PURE__ */ jsx("p", { children: t("httpRequest.saveFailed") }), /* @__PURE__ */ jsx(Button$1, {
-						disabled,
-						onClick: () => void save(),
-						variant: "outline",
-						size: "sm",
-						children: t("httpRequest.retry")
-					})]
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "m-0 text-muted-foreground text-xs",
-					children: t("flowState.warning")
-				})
-			]
-		})
-	});
-}
-//#endregion
 //#region src/workbench/browser/runtime/editor/errorTriggerSources.tsx
 function ErrorTriggerSources({ flows, flowId, value, disabled = false, complete = true, footer, onChange }) {
 	const t = useTranslate();
@@ -29563,6 +29369,169 @@ function ResolutionDefinition({ disabled, selection, store }) {
 	});
 }
 //#endregion
+//#region src/workbench/browser/runtime/editor/skipDuplicatesSection.tsx
+function SkipDuplicatesSection({ task, disabled, onSave, history }) {
+	const t = useTranslate();
+	const id = useId();
+	const taskRef = useRef(task);
+	const saveRef = useRef(onSave);
+	useLayoutEffect(() => {
+		taskRef.current = task;
+		saveRef.current = onSave;
+	}, [task, onSave]);
+	const request = useRef();
+	const [changes] = useState(() => new TaskExecutorChanges(task.executor, (_before, next) => {
+		const current = taskRef.current;
+		if (next.kind !== "skip-duplicates" || current.executor.kind !== "skip-duplicates") return Promise.resolve(false);
+		return saveRef.current(current, {
+			...current,
+			executor: {
+				...current.executor,
+				fields: next.fields
+			}
+		});
+	}));
+	const initial = task.executor.kind === "skip-duplicates" ? task.executor.fields : [];
+	const [fields, setFields] = useState(initial.length ? initial : [""]);
+	const inputs = useRef([]);
+	const focusField = useRef();
+	useEffect(() => {
+		if (focusField.current == null) return;
+		inputs.current[focusField.current]?.focus();
+		focusField.current = void 0;
+	}, [fields]);
+	const [error, setError] = useState();
+	useEffect(() => {
+		const previous = changes.value;
+		changes.sync(task.executor);
+		if (previous.kind === "skip-duplicates" && changes.value.kind === "skip-duplicates" && !dequal(previous.fields, changes.value.fields)) {
+			request.current?.abort();
+			setFields(changes.value.fields.length ? changes.value.fields : [""]);
+			setError(void 0);
+		}
+	}, [changes, task.executor]);
+	useEffect(() => () => request.current?.abort(), [disabled]);
+	function change(next) {
+		request.current?.abort();
+		setFields(next);
+		setError(void 0);
+	}
+	async function commit(next = fields) {
+		if (disabled || changes.value.kind !== "skip-duplicates") return;
+		request.current?.abort();
+		const controller = new AbortController();
+		request.current = controller;
+		const rows = next.length ? next : [""];
+		setFields(rows);
+		await Promise.resolve();
+		if (controller.signal.aborted || request.current !== controller) return;
+		const normalized = rows.map((field) => field.trim());
+		const parsed = skipDuplicatesConfigSchema.safeParse({ fields: normalized.filter(Boolean) });
+		if (!parsed.success) {
+			setError("invalid");
+			return;
+		}
+		setFields(normalized);
+		setError(void 0);
+		changes.value = {
+			...changes.value,
+			fields: parsed.data.fields
+		};
+		try {
+			const saved = await changes.save();
+			if (!controller.signal.aborted && request.current === controller) setError(saved ? void 0 : "save");
+		} catch {
+			if (!controller.signal.aborted && request.current === controller) setError("save");
+		}
+	}
+	if (task.executor.kind !== "skip-duplicates") return null;
+	return /* @__PURE__ */ jsx(InspectorSection, {
+		title: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+			className: "min-w-0 flex-1",
+			children: t("flowState.nodeTitle")
+		}), history] }),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "node-settings flex flex-col gap-3",
+			children: [
+				/* @__PURE__ */ jsxs(Field, { children: [
+					/* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: `${id}-field-0`,
+						children: t("flowState.field")
+					}),
+					fields.map((field, index) => /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(Input, {
+							ref: (element) => {
+								inputs.current[index] = element;
+							},
+							id: `${id}-field-${index}`,
+							"aria-label": t("flowState.fieldIndex", { index: index + 1 }),
+							"aria-invalid": error === "invalid" || void 0,
+							"aria-describedby": error === "invalid" ? `${id}-error` : void 0,
+							disabled,
+							value: field,
+							placeholder: t(fields.length === 1 ? "flowState.fieldPlaceholder" : "flowState.pathPlaceholder"),
+							onChange: (event) => change(fields.map((value, at) => at === index ? event.target.value : value)),
+							onBlur: () => {
+								commit();
+							},
+							onKeyDown: (event) => {
+								if (event.key === "Enter") {
+									event.preventDefault();
+									event.currentTarget.blur();
+								}
+							}
+						}), !disabled && (fields.length > 1 || field !== "") && /* @__PURE__ */ jsx(Button$1, {
+							variant: "ghost",
+							size: "xs",
+							"aria-label": t("flowState.removeField", { index: index + 1 }),
+							onMouseDown: (event) => event.preventDefault(),
+							onClick: () => {
+								focusField.current = Math.max(0, index - 1);
+								commit(fields.filter((_, at) => at !== index));
+							},
+							children: t("flowState.delete")
+						})]
+					}, index)),
+					!disabled && /* @__PURE__ */ jsx("div", {
+						className: "flex",
+						children: /* @__PURE__ */ jsx(Button$1, {
+							variant: "ghost",
+							size: "sm",
+							onMouseDown: (event) => event.preventDefault(),
+							onClick: () => {
+								const empty = fields.findIndex((field) => field.trim() === "");
+								if (empty >= 0) {
+									inputs.current[empty]?.focus();
+									return;
+								}
+								focusField.current = fields.length;
+								change([...fields, ""]);
+							},
+							children: t("flowState.addField")
+						})
+					})
+				] }),
+				error != null && /* @__PURE__ */ jsxs("div", {
+					role: "alert",
+					id: `${id}-error`,
+					children: [/* @__PURE__ */ jsx("p", { children: t(error === "invalid" ? "flowState.invalidFields" : "flowState.saveFailed") }), error === "save" && /* @__PURE__ */ jsx(Button$1, {
+						disabled,
+						onClick: () => void commit(),
+						variant: "outline",
+						size: "sm",
+						children: t("flowState.retry")
+					})]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "m-0 text-muted-foreground text-xs",
+					children: t("flowState.warning")
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region src/workbench/browser/runtime/editor/tallyTriggerConfig.tsx
 function TallyTriggerConfig({ inputs, fieldLabels, config, nodeId, connectionId, disabled, store }) {
 	const t = useTranslate();
@@ -30834,7 +30803,7 @@ function inspectorIcon(node) {
 	if (node?.kind == "task" && node.definition != null && "executor" in node.definition) {
 		if (node.definition.executor.kind == "decision") return "decision";
 		if (node.definition.executor.kind == "workflow") return "flow";
-		if (node.definition.executor.kind == "openapi" || node.definition.executor.kind == "http-request" || node.definition.executor.kind == "dedupe") return "task";
+		if (node.definition.executor.kind == "openapi" || node.definition.executor.kind == "http-request" || node.definition.executor.kind == "skip-duplicates") return "task";
 		return node.definition.executor.kind == "connector" ? "connection" : "llm";
 	}
 	return "task";
@@ -30867,7 +30836,7 @@ function nodePurposePlaceholder(selection, t, action, displays) {
 				case "agent": return t("addNode.agentDescription");
 				case "decision": return t("decision.description");
 				case "workflow": return t("workflow.description");
-				case "dedupe": return;
+				case "skip-duplicates": return;
 				case "http-request": return t("httpRequest.description");
 				case "openapi": return t("openapi.description");
 				case "connector": return action?.description;
@@ -30920,7 +30889,7 @@ function NodeInspector({ onAddWorkflowOutputs, onAddResponseNode, webhookDeploym
 	loading: false,
 	names: [],
 	onOpen: void 0
-}, readOnly = false, connectorAction, connectorActionError, connectorAccessError, connectorAuthorizationPending = false, connectorConnection, connectorConnectionError, activeConnectorConnections, connectors: liveConnectors, connectorAccess, connectorCandidates, onConfigureConnectorAccess, prepareConnectorAction, connectorLoading = false, disabled: temporarilyDisabled = false, diagnostics, focus, revision, selection, sourceNodeIcons, store: writableStore, theme, triggerActiveConnections, triggerAuthorizationPending = false, triggerConnection, triggerConnectionError, triggerConnectionLoading = false, triggerDisplays, triggers: liveTriggers }) {
+}, readOnly = false, connectorAction, connectorActionError, connectorAccessError, connectorAuthorizationPending = false, connectorConnection, connectorConnectionError, activeConnectorConnections, connectorProviders, connectors: liveConnectors, connectorAccess, connectorCandidates, onConfigureConnectorAccess, prepareConnectorAction, connectorLoading = false, disabled: temporarilyDisabled = false, diagnostics, focus, revision, selection, sourceNodeIcons, store: writableStore, theme, triggerActiveConnections, triggerAuthorizationPending = false, triggerConnection, triggerConnectionError, triggerConnectionLoading = false, triggerDisplays, triggers: liveTriggers }) {
 	const store = readOnly ? void 0 : writableStore;
 	const connectors = readOnly ? void 0 : liveConnectors;
 	const triggers = readOnly ? void 0 : liveTriggers;
@@ -31215,25 +31184,6 @@ function NodeInspector({ onAddWorkflowOutputs, onAddResponseNode, webhookDeploym
 					actions: workflowActions,
 					list: (signal) => store.listWorkflowTargets(signal)
 				}, `workflow:${selection?.id}`),
-				task != null && "executor" in task && task.executor.kind === "dedupe" && /* @__PURE__ */ jsx(DedupeSection, {
-					task,
-					disabled,
-					history: store != null && store.$.flowId.value != null ? /* @__PURE__ */ jsx(FlowStateButton, {
-						client: store.state,
-						flowId: store.$.flowId.value,
-						nodeIds: Object.keys(revision.graph()?.nodes ?? {}),
-						history: {
-							nodeId: selection.id,
-							space: task.executor.space === "flow" ? "flow" : `node:${selection.id}`
-						}
-					}, selection.id) : void 0,
-					onSave: (before, value) => store?.nodes.saveTaskSettings(selection.id, {
-						kind: "dedupe",
-						name: task.name,
-						before,
-						task: value
-					}) ?? Promise.resolve(false)
-				}, `${revision.revision.flowId}:${selection.id}`),
 				isHttpRequest && task != null && "executor" in task && /* @__PURE__ */ jsx(HttpRequestSection, {
 					task,
 					disabled,
@@ -31559,6 +31509,22 @@ function NodeInspector({ onAddWorkflowOutputs, onAddResponseNode, webhookDeploym
 						onChange: () => {}
 					})
 				}),
+				task != null && "executor" in task && task.executor.kind === "skip-duplicates" && /* @__PURE__ */ jsx(SkipDuplicatesSection, {
+					task,
+					disabled,
+					history: store != null && store.$.flowId.value != null ? /* @__PURE__ */ jsx(FlowStateButton, {
+						client: store.state,
+						flowId: store.$.flowId.value,
+						nodeIds: Object.keys(revision.graph()?.nodes ?? {}),
+						history: { nodeId: selection.id }
+					}, selection.id) : void 0,
+					onSave: (before, value) => store?.nodes.saveTaskSettings(selection.id, {
+						kind: "skip-duplicates",
+						name: task.name,
+						before,
+						task: value
+					}) ?? Promise.resolve(false)
+				}, `${revision.revision.flowId}:${selection.id}`),
 				selection == null ? /* @__PURE__ */ jsx("div", {
 					className: "inspector-empty",
 					children: t("inspector.selectNode")
@@ -31604,6 +31570,7 @@ function NodeInspector({ onAddWorkflowOutputs, onAddResponseNode, webhookDeploym
 		nodeId: selection.id,
 		store,
 		connectors,
+		providers: connectorProviders,
 		prepareAction: prepareConnectorAction,
 		disabled,
 		theme,
@@ -31724,7 +31691,8 @@ function CanvasNodePicker({ request, centered, ...props }) {
 		...props,
 		anchor: request.screenPosition,
 		centered,
-		isOptionDisabled: (option) => request.connectionSide != null && (option.kind == "trigger" || option.kind == "comment" || request.connectionSide == "left" && (option.kind == "approval" || option.kind == "condition" || option.kind == "wait"))
+		initialTab: request.connectionDirection != null ? "nodes" : props.initialTab,
+		isOptionDisabled: (option) => request.connectionDirection != null && (option.kind == "trigger" || option.kind == "comment" || request.connectionDirection == "downstream" && option.kind == "value" || request.connectionDirection == "upstream" && (option.kind == "approval" || option.kind == "condition" || option.kind == "wait" || option.kind == "outputs"))
 	});
 }
 //#endregion
@@ -31806,9 +31774,11 @@ function useInspectorPanel({ identity, preferences, selectedNodeIds, onSelectNod
 function callbacksFromProps(props) {
 	return {
 		onIgnoreNodes: props.onIgnoreNodes,
+		onChangeDirection: props.onChangeDirection,
 		onAddNode: props.onAddNode,
 		onMoveNodes: props.onMoveNodes,
 		onChangeNodeContentHidden: props.onChangeNodeContentHidden,
+		onChangeNodeWidth: props.onChangeNodeWidth,
 		onChangeComment: props.onChangeComment,
 		onConnect: props.onConnect,
 		onDeleteNodes: props.onDeleteNodes,
@@ -32025,7 +31995,7 @@ function focusPanel(event) {
 	if (element instanceof Element && element.closest("a, button, input, label, select, textarea, [contenteditable=\"true\"]")) return;
 	event.currentTarget.focus({ preventScroll: true });
 }
-var WorkbenchCanvas = forwardRef(function WorkbenchCanvas({ nodePicker, annotationContext, addNodeControl, addNodeOptions, history, disabled, interactiveMode$, focusNodeRequest, inspectorOpen, model, onAddNode, onConnect, onChangeNodeContentHidden, onChangeComment, onCopy, onDeleteEdge, onDeleteNodes, onDuplicate, onMoveNodes, onMoveViewport, subscribeCanvasCommands, onPaste, provideAddNodeOptions, onSelectNodes, onActivateSelection, onSelectionStart, onSelectionEnd, onToggleInspector, ignoredNodeIds, onIgnoreNodes, runControl, cornerLeading, connectionControl, topLeftTools, bottomRightTools, selectedNodeIds, theme }, ref) {
+var WorkbenchCanvas = forwardRef(function WorkbenchCanvas({ nodePicker, annotationContext, addNodeControl, addNodeOptions, history, disabled, interactiveMode$, focusNodeRequest, inspectorOpen, model, onAddNode, onConnect, onChangeNodeContentHidden, onChangeNodeWidth, onChangeComment, onCopy, onDeleteEdge, onDeleteNodes, onDuplicate, onMoveNodes, onChangeDirection, onMoveViewport, subscribeCanvasCommands, onPaste, provideAddNodeOptions, onSelectNodes, onActivateSelection, onSelectionStart, onSelectionEnd, onToggleInspector, ignoredNodeIds, onIgnoreNodes, runControl, cornerLeading, connectionControl, topLeftTools, bottomRightTools, selectedNodeIds, theme }, ref) {
 	const [pickerRequest, setPickerRequest] = useState();
 	const [pickerCentered, setPickerCentered] = useState(false);
 	useEffect(() => {
@@ -32220,6 +32190,7 @@ var WorkbenchCanvas = forwardRef(function WorkbenchCanvas({ nodePicker, annotati
 				},
 				onConnect,
 				onChangeNodeContentHidden,
+				onChangeNodeWidth,
 				onChangeComment,
 				onDeleteNodes: (nodeIds) => {
 					canvas.current?.focus({ preventScroll: true });
@@ -32233,6 +32204,7 @@ var WorkbenchCanvas = forwardRef(function WorkbenchCanvas({ nodePicker, annotati
 					onDuplicate(positions, offset);
 				},
 				onMoveNodes,
+				onChangeDirection,
 				onMoveViewport,
 				subscribeCanvasCommands,
 				onCopy: (nodeIds) => {
@@ -32632,10 +32604,45 @@ function RevisionCanvas({ draft, presentation, theme, interactiveMode$, label, b
 	const [selected, setSelected] = useState([]);
 	const [inspectorOpen, setInspectorOpen] = useState(false);
 	const [focus, setFocus] = useState();
-	const baseline = useMemo(() => designerGraph(draft, presentation?.value, [], {}, {}, t), [
+	const [catalog, setCatalog] = useState();
+	const needsProviders = revision.connectorProviderIds.size > 0;
+	useEffect(() => {
+		if (!needsProviders) return;
+		const controller = new AbortController();
+		const cache = getAppCatalogCache({
+			locale: language.toLowerCase(),
+			schemaVersion: 1,
+			maxAge: 3e5,
+			decode: decodeAppCatalogResponse,
+			load: ({ locale }, validation) => loadJson(`https://connector.oomol.com/public/v1/apps?locale=${encodeURIComponent(locale)}`, validation, decodeAppCatalogResponse, {
+				credentials: "omit",
+				signal: AbortSignal.timeout(15e3)
+			})
+		});
+		const publish = (response) => {
+			if (controller.signal.aborted) return;
+			setCatalog({
+				language,
+				providers: Object.fromEntries(response.data.map((app) => [app.service, provider(app, response.meta.iconSprite)]))
+			});
+		};
+		(async () => {
+			try {
+				const cached = await cache.peek(void 0);
+				if (cached) publish(cached.data);
+				publish(await cache.get(void 0, { signal: controller.signal }));
+			} catch (error) {
+				if (!controller.signal.aborted) console.warn("Could not load Preview Provider metadata.", error);
+			}
+		})();
+		return () => controller.abort();
+	}, [language, needsProviders]);
+	const providerMetadata = catalog?.language === language ? catalog.providers : void 0;
+	const baseline = useMemo(() => designerGraph(draft, presentation?.value, [], {}, {}, t, void 0, [], providerMetadata), [
 		draft,
 		presentation,
-		t
+		t,
+		providerMetadata
 	]);
 	const session = sessions[graphId];
 	const model = useMemo(() => ({
@@ -32730,7 +32737,8 @@ function RevisionCanvas({ draft, presentation, theme, interactiveMode$, label, b
 					readOnly: true,
 					revision,
 					selection,
-					theme
+					theme,
+					connectorProviders: providerMetadata
 				}, `${graphId}:${selection.id}`) : comment?.kind === "comment" ? /* @__PURE__ */ jsx(CommentInspector, {
 					title: comment.title,
 					content: comment.content ?? "",
@@ -36652,14 +36660,10 @@ function FlowEditor({ navigationIsland, onRun, onRunStarted, onCloseRuns, onConf
 	return /* @__PURE__ */ jsx(NodeHistoryContext.Provider, {
 		value: (nodeId) => {
 			const node = revision?.graph().nodes[nodeId];
-			if (flowId == null || node?.kind !== "task" || !("executor" in node.task) || node.task.executor.kind !== "dedupe") return void 0;
-			const space = node.task.executor.space === "flow" ? "flow" : `node:${nodeId}`;
+			if (flowId == null || node?.kind !== "task" || !("executor" in node.task) || node.task.executor.kind !== "skip-duplicates") return void 0;
 			return {
 				label: t("flowState.history"),
-				onClick: () => setStateTarget({ history: {
-					nodeId,
-					space
-				} })
+				onClick: () => setStateTarget({ history: { nodeId } })
 			};
 		},
 		children: /* @__PURE__ */ jsxs(CanvasHistoryScope, {
@@ -36801,12 +36805,14 @@ function FlowEditor({ navigationIsland, onRun, onRunStarted, onCloseRuns, onConf
 					},
 					onConnect: (edge) => void store.workspace.connect(edge),
 					onChangeNodeContentHidden: (nodeId, hidden) => void store.workspace.saveNodeContentHidden(nodeId, hidden),
+					onChangeNodeWidth: (nodeId, width, position) => store.workspace.saveNodeWidth(nodeId, width, position),
 					onChangeComment: (nodeId, value) => void store.workspace.saveComment(nodeId, value),
 					onCopy: () => store.workspace.copySelectedNodes(),
 					onDeleteEdge: (edge) => void store.workspace.disconnect(edge),
 					onDeleteNodes: () => void store.workspace.deleteSelectedNodes(),
 					onDuplicate: (positions, offset) => void store.workspace.duplicateSelectedNodes(positions, offset),
 					onMoveNodes: (positions) => void store.workspace.moveNodes(positions),
+					onChangeDirection: (direction, positions) => store.changeDirection(direction, positions),
 					onMoveViewport: (viewport) => void store.workspace.moveViewport(viewport),
 					onPaste: () => void store.workspace.pasteNodes(),
 					provideAddNodeOptions: store.provideAddNodeOptions,