@oomol-lab/open-flow 0.1.0-beta.51 → 0.1.0-beta.53

package/dist/browser/{flowWorkspace-DBaq2Eks.js → flowWorkspace-CoT_ewLX.js}

@@ -1,11 +1,12 @@
 import { i as __require, o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { $ as useIconifyCollectionLoader, $t as EmptyTitle, A as calendarDate, B as mapSource, Bn as Checkbox, Bt as NativeScrollArea, C as schemaForEditor, Cn as sourceOutputLabel, D as isUnconstrainedSchema, Dn as triggerConfigValue, E as getDefaultValue, En as isJsonObject, Ft as PopoverContent, G as resourceValue, Gt as InputGroup$1, Ht as VirtualScrollArea, I as indexAddNodeOptions, It as PopoverDescription, J as triggerNodeIcon, Jt as Empty, K as designerGraph, Kt as InputGroupAddon, L as feishuResourceKind, Lt as PopoverPanelContent, M as datePickerValue, Mn as inputValue, Mt as followWorkbenchLink, N as isDateFormat, Nt as Switch, O as typeOfSchema, On as triggerConfigValues, Pt as Popover, Q as IconifyProvider, Qt as EmptyMedia, R as supportsFeishuChatFilter, Rt as PopoverTitle, S as editorGroups, Sn as resolutionOutputPorts, T as valueForEditor, Tn as triggerOutputDefinitions, U as observeResource, Ut as Z$2, Vn as IconThemeContext, Vt as ScrollArea, W as resourceData, Wt as useTriggerFocusGuards, X as providerIcon, Xt as EmptyDescription, Y as actionSummary, Yt as EmptyContent, Z as ContentIcon, Zt as EmptyHeader, an as waitBranchDescription, bn as decodeResultList, cn as ru_default$1, ct as diagnosticMessage, dn as fr_default$1, et as useIconifyData, fn as en_default$1, ft as connectionCatalog, gn as errorNotice, hn as EventSourceSetup, in as uiLocales, it as revisionView, j as datePickerChange, jt as IdTooltip, k as calendarChange, kn as variableInputCompatible, ln as ko_default$1, lt as diagnosticNodeId, mn as FeishuEventPicker, n as agentTool, nn as SourceSelect, nt as canCancelRun, on as zh_TW_default$1, pn as I18n, q as semanticNodeIcon, qt as InputGroupInput, rn as createI18n$1, rt as hasRunFilter, sn as zh_CN_default$1, tn as SourceForm, un as ja_default$1, ut as schemaMismatchMessage, w as valueForDataType, x as editorComponent, zn as controlErrorCode, zt as PopoverTrigger } from "./flowChanges-BWSXSnMX.js";
+import { $ as useIconifyCollectionLoader, $t as InputGroup, A as calendarDate, An as resolutionOutputPorts, B as mapSource, Bn as inputValue, Bt as followWorkbenchLink, C as editorGroups, Cn as EventSourceSetup, D as isUnconstrainedSchema, E as getDefaultValue, Fn as triggerConfigValue, Ft as securityOptions, G as resourceValue, Gt as PopoverPanelContent, Ht as Popover, I as indexAddNodeOptions, In as triggerConfigValues, It as selectOperation, J as triggerNodeIcon, Jn as Checkbox, Jt as NativeScrollArea, K as designerGraph, Kt as PopoverTitle, L as feishuResourceKind, Ln as variableInputCompatible, Lt as serverAddress, M as datePickerValue, Mt as object, N as isDateFormat, Nn as triggerOutputDefinitions, Nt as openApiFieldIssues, O as typeOfSchema, On as decodeResultList, Pn as isJsonObject, Pt as openApiTask, Q as IconifyProvider, Qt as useTriggerFocusGuards, R as supportsFeishuChatFilter, Rt as servers, S as editorComponent, Sn as FeishuEventPicker, T as valueForEditor, U as observeResource, Ut as PopoverContent, Vt as Switch, W as resourceData, Wt as PopoverDescription, X as providerIcon, Xt as VirtualScrollArea, Y as actionSummary, Yn as IconThemeContext, Yt as ScrollArea, Z as ContentIcon, Zt as Z$2, _n as ko_default$1, an as EmptyHeader, bn as en_default$1, ct as diagnosticMessage, dn as createI18n$1, en as InputGroupAddon, et as useIconifyData, fn as uiLocales, ft as connectionCatalog, gn as ru_default$1, hn as zh_CN_default$1, in as EmptyDescription, it as revisionView, j as datePickerChange, jn as sourceOutputLabel, jt as listOperations, k as calendarChange, ln as SourceForm, lt as diagnosticNodeId, mn as zh_TW_default$1, n as agentTool, nn as Empty, nt as canCancelRun, on as EmptyMedia, pn as waitBranchDescription, q as semanticNodeIcon, qn as controlErrorCode, qt as PopoverTrigger, rn as EmptyContent, rt as hasRunFilter, sn as EmptyTitle, tn as InputGroupInput, un as SourceSelect, ut as schemaMismatchMessage, vn as ja_default$1, w as schemaForEditor, wn as errorNotice, x as defaultValueEditorSchema, xn as I18n, yn as fr_default$1, zt as IdTooltip } from "./flowChanges-CcscgZsW.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 { a as useVal, i as useTranslate, n as useI18n, r as useLang, t as I18nProvider } from "./main-BPABKzwN.js";
-import { $n as ownerDocument, $r as useStableCallback, $t as useHoverFloatingInteraction, An as useOnFirstRender, Ar as useId$1, At as isNativeInput, B as operatorsForType, Bn as findNonDisabledListIndex, Br as useRenderElement, Bt as CompositeList, C as FieldDescription, Cn as addEventListener, Ct as COMPOSITE_KEYS, Dn as require_with_selector, Dt as MODIFIER_KEYS, E as FieldLabel, En as fastComponentRef, Et as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, F as comparisonIssue, Fr as Button$1, Ft as getDisabledMountTransitionStyles, G as webhookMethods, Gn as getMinListIndex, Gr as useMergedRefs, Gt as triggerOpenStateMapping, H as unaryOperator, Hn as getGridCellIndices, Hr as EMPTY_OBJECT, Ht as getPseudoElementBounds, Ir as buttonVariants, It as InternalBackdrop, Jn as stopEvent$1, Jr as useCompositeRootContext, Jt as useTypeahead, K as webhookSupportsBody, Kn as isIndexOutOfListBounds, Kr as useButton, Kt as useOpenInteractionType, Lr as cn$1, Lt as useAnchorPositioning, Mn as Input$1, Mt as useToolbarRootContext, Nt as useAnchoredPopupScrollLock, On as require_builtin_esm_external_require_react, Ot as VERTICAL_KEYS, Pn as useTimeout, Pr as useControlled, Pt as usePositioner, Qn as isMac$1, Qr as SafeReact, Qt as useHoverReferenceInteraction, R as nodeInputMappings, Rr as cva, Rt as adaptiveOrigin, S as Field, Sn as FocusGuard, St as ARROW_UP, T as FieldGroup, Tn as fastComponent, Tt as HORIZONTAL_KEYS, U as valueType, Un as getGridNavigatedIndex, Ut as popupStateMapping, Vn as getGridCellIndexOfCorner, Vr as EMPTY_ARRAY$1, Vt as inertValue, W as decodeRevisionContent, Wn as getMaxListIndex, Wr as warn, Wt as pressableTriggerOpenStateMapping, Xn as contains, Xr as mergeProps, Xt as useListNavigation, Yn as activeElement, Yr as formatErrorMessage, Yt as useRole, Zn as getTarget, Zr as useIsoLayoutEffect, Zt as useInteractions, _ as TooltipPositioner, _n as FloatingTreeStore, _r as itemPress, _t as ALL_KEYS, a as DialogContent, an as useImplicitActiveTrigger, ar as useOpenChangeComplete, at as string, b as TooltipRoot, bn as DROPDOWN_COLLISION_AVOIDANCE, bt as ARROW_LEFT, cn as useTriggerRegistration, cr as transitionStatusMapping, ct as SelectChevron, d as Tooltip, dn as FloatingFocusManager, dr as createChangeEventDetails, dt as SelectItem, ei as useRefWithInit, en as useFocus$1, f as TooltipContent, fn as FloatingNode, fr as cancelOpen, ft as SelectSeparator, g as TooltipPopup, gn as useFloatingTree, gr as imperativeAction, gt as useCompositeListItem, h as TooltipArrow, hn as useFloatingParentNodeId, ht as Separator, in as PopupTriggerMap, ir as useTransitionStatus, j as nodeNameIssue, jn as Label, jt as scrollIntoViewIfNeeded, kn as createSelector, kr as useBaseUiId, kt as VERTICAL_KEYS_WITH_EXTRA_KEYS, l as DialogTitle, ln as useDismiss, lt as SelectContent, m as TooltipTrigger, mn as useFloatingNodeId, mt as SelectValue, n as Icon, ni as isHTMLElement, nn as createInitialPopupStoreState, nr as Check, o as DialogDescription, on as useOpenStateTransitions, or as useAnimationsFinished, p as TooltipProvider, pn as FloatingTree, pt as SelectTrigger, q as dequal, qn as isListIndexDisabled, qr as CompositeRootContext, qt as safePolygon, r as Dialog, ri as isLastTraversableNode, rn as popupStoreSelectors, rr as createLucideIcon, sn as useTriggerDataForwarding, sr as TransitionStatusDataAttributes, st as Select$1, t as WorkbenchSelect, ti as getParentNode, tn as useSyncedFloatingRootContext, tr as ChevronDown, u as DialogTrigger, un as useClick, ut as SelectGroup, v as TooltipPortal, vn as FloatingPortal, vt as ARROW_DOWN, w as FieldError, wn as ReactStore, wr as triggerPress, x as Spinner, xn as POPUP_COLLISION_AVOIDANCE, xr as siblingOpen, xt as ARROW_RIGHT, y as TooltipTrigger$1, yr as none$1, yt as ARROW_KEYS, z as operandHandle, zn as createGridCellMap, zr as clsx, zt as useDirection } from "./workbenchSelect-C9kwcUmN.js";
+import { $r as useRefWithInit, $t as useFocus$1, A as nodeNameIssue, An as Label, At as scrollIntoViewIfNeeded, Bn as getGridCellIndexOfCorner, Br as EMPTY_ARRAY$1, Bt as inertValue, C as FieldError, Cn as ReactStore, Cr as triggerPress, Dn as require_builtin_esm_external_require_react, Dt as VERTICAL_KEYS, En as require_with_selector, Et as MODIFIER_KEYS, Fr as buttonVariants, Ft as InternalBackdrop, G as webhookSupportsBody, Gn as isIndexOutOfListBounds, Gr as useButton, Gt as useOpenInteractionType, H as valueType, Hn as getGridNavigatedIndex, Ht as popupStateMapping, Ir as cn$1, It as useAnchorPositioning, Jn as activeElement, Jr as formatErrorMessage, Jt as useRole, K as dequal, Kn as isListIndexDisabled, Kr as CompositeRootContext, Kt as safePolygon, L as nodeInputMappings, Lr as cva, Lt as adaptiveOrigin, Mt as useAnchoredPopupScrollLock, Nn as useTimeout, Nr as useControlled, Nt as usePositioner, On as createSelector, Or as useBaseUiId, Ot as VERTICAL_KEYS_WITH_EXTRA_KEYS, P as comparisonIssue, Pr as Button$1, Pt as getDisabledMountTransitionStyles, Qn as ownerDocument, Qr as useStableCallback, Qt as useHoverFloatingInteraction, R as operandHandle, Rn as createGridCellMap, Rr as clsx, Rt as useDirection, S as FieldDescription, Sn as addEventListener, St as COMPOSITE_KEYS, T as FieldLabel, Tn as fastComponentRef, Tt as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, U as decodeRevisionContent, Un as getMaxListIndex, Ur as warn, Ut as pressableTriggerOpenStateMapping, V as unaryOperator, Vn as getGridCellIndices, Vr as EMPTY_OBJECT, Vt as getPseudoElementBounds, W as webhookMethods, Wn as getMinListIndex, Wr as useMergedRefs, Wt as triggerOpenStateMapping, Xn as getTarget, Xr as useIsoLayoutEffect, Xt as useInteractions, Yn as contains, Yr as mergeProps, Yt as useListNavigation, Zn as isMac$1, Zr as SafeReact, Zt as useHoverReferenceInteraction, _ as TooltipPortal, _n as FloatingPortal, _t as ARROW_DOWN, a as DialogDescription, an as useOpenStateTransitions, ar as useAnimationsFinished, b as Spinner, bn as POPUP_COLLISION_AVOIDANCE, br as siblingOpen, bt as ARROW_RIGHT, c as DialogTitle, cn as useDismiss, ct as SelectContent, d as TooltipContent, dn as FloatingNode, dr as cancelOpen, dt as SelectSeparator, ei as getParentNode, en as useSyncedFloatingRootContext, er as ChevronDown, f as TooltipProvider, fn as FloatingTree, ft as SelectTrigger, g as TooltipPositioner, gn as FloatingTreeStore, gr as itemPress, gt as ALL_KEYS, h as TooltipPopup, hn as useFloatingTree, hr as imperativeAction, ht as useCompositeListItem, i as DialogContent, in as useImplicitActiveTrigger, ir as useOpenChangeComplete, it as string, jn as Input$1, jt as useToolbarRootContext, kn as useOnFirstRender, kr as useId$1, kt as isNativeInput, l as DialogTrigger, ln as useClick, lt as SelectGroup, m as TooltipArrow, mn as useFloatingParentNodeId, mt as Separator, n as Dialog, ni as isLastTraversableNode, nn as popupStoreSelectors, nr as createLucideIcon, on as useTriggerDataForwarding, or as TransitionStatusDataAttributes, ot as Select$1, p as TooltipTrigger, pn as useFloatingNodeId, pt as SelectValue, qn as stopEvent$1, qr as useCompositeRootContext, qt as useTypeahead, rn as PopupTriggerMap, rr as useTransitionStatus, sn as useTriggerRegistration, sr as transitionStatusMapping, st as SelectChevron, t as Icon, ti as isHTMLElement, tn as createInitialPopupStoreState, tr as Check, u as Tooltip, un as FloatingFocusManager, ur as createChangeEventDetails, ut as SelectItem, v as TooltipTrigger$1, vr as none$1, vt as ARROW_KEYS, w as FieldGroup, wn as fastComponent, wt as HORIZONTAL_KEYS, x as Field, xn as FocusGuard, xt as ARROW_UP, y as TooltipRoot, yn as DROPDOWN_COLLISION_AVOIDANCE, yt as ARROW_LEFT, z as operatorsForType, zn as findNonDisabledListIndex, zr as useRenderElement, zt as CompositeList } from "./icons-0s-Q_3lp.js";
 import { i as isString, n as isBoolean, r as isPlainObject, t as isArray$1 } from "./dist-BDBTOgS5.js";
 import { a as renameObjectField, i as objectValue, l as resolveUiLanguage, n as isJsonValue, o as setObjectField, r as jsonDataTypes, s as valueType$1, t as initialValue } from "./value-DL_poNiC.js";
 import { n as compile, r as validate } from "./flowRunInputEditorStore-Dsxyfwae.js";
+import { t as WorkbenchSelect } from "./workbenchSelect-BqUPacsr.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";
@@ -3445,11 +3446,13 @@ function connectorAccessPermissionLabel(candidate, t) {
 	const prefix = `${candidate.providerId}.`;
 	const actions = permissions.actionIds.map((actionId) => actionId.startsWith(prefix) ? actionId.slice(prefix.length) : actionId);
 	const shown = actions.slice(0, 3).join(", ");
+	const label = permissions.allActions ? t("connectorAccess.permissionAllActions") : actions.length > 3 ? t("connectorAccess.permissionActionsMore", {
+		actions: shown,
+		count: actions.length - 3
+	}) : t("connectorAccess.permissionActions", { actions: shown });
 	return [
-		permissions.allActions ? t("connectorAccess.permissionAllActions") : actions.length > 3 ? t("connectorAccess.permissionActionsMore", {
-			actions: shown,
-			count: actions.length - 3
-		}) : t("connectorAccess.permissionActions", { actions: shown }),
+		permissions.allActions || actions.length > 0 ? label : void 0,
+		permissions.allTriggers ? t("connectorAccess.permissionAllTriggers") : permissions.triggerIds.length > 0 ? t("connectorAccess.permissionTriggers", { triggers: permissions.triggerIds.map((id) => id.startsWith(prefix) ? id.slice(prefix.length) : id).join(", ") }) : void 0,
 		permissions.proxy ? t("connectorAccess.permissionProxy") : void 0,
 		permissions.configured ? t("connectorAccess.permissionConfigured") : void 0
 	].filter(Boolean).join(" · ");
@@ -3659,6 +3662,9 @@ function ProviderGroupHeading({ group, container, onClick }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/editor/nodePicker.tsx
+function pickerViewKey(appId, term, page) {
+	return `${page}:${appId ?? "catalog"}:${term}`;
+}
 function NodePickerContent({ options, connections, loadConnections, browseOptions, searchOptions, provideChoices, onAdd, onDragStart, onDragEnd, onRegisterDragOption, draggable = true, disabled, isOptionDisabled, catalogFailed, initialQuery = "", initialTab = "nodes" }) {
 	const t = useTranslate();
 	const [page, setPage] = useState(initialTab);
@@ -3666,6 +3672,7 @@ function NodePickerContent({ options, connections, loadConnections, browseOption
 	const [appQuery, setAppQuery] = useState("");
 	const searchInput = useRef(null);
 	const searchSession = useRef(null);
+	const scrollPositions = useRef(/* @__PURE__ */ new Map());
 	useEffect(() => {
 		const controller = new AbortController();
 		searchSession.current = controller;
@@ -3678,6 +3685,7 @@ function NodePickerContent({ options, connections, loadConnections, browseOption
 	const [appId, setAppId] = useState();
 	const [navigation, setNavigation] = useState();
 	const navigateApp = (id) => {
+		if (list.current) scrollPositions.current.set(pickerViewKey(appId, term, page), list.current.scrollTop);
 		setNavigation(id ? "forward" : "back");
 		setAppId(id);
 		setAppQuery("");
@@ -3763,7 +3771,7 @@ function NodePickerContent({ options, connections, loadConnections, browseOption
 		return [...entries.values()].toSorted(comparePickerApps);
 	}, [catalog, connections]);
 	const app = apps.find((item) => item.id == appId);
-	const directoryId = app?.directory?.id;
+	const directoryId = app?.directory?.id ?? (app == null ? void 0 : `connector-provider:${app.id}`);
 	const searching = term != "" && app == null;
 	const [choicesLoading, setChoicesLoading] = useState(false);
 	const [choicesFailed, setChoicesFailed] = useState(false);
@@ -3783,12 +3791,15 @@ function NodePickerContent({ options, connections, loadConnections, browseOption
 		provideChoices,
 		t
 	]);
-	useEffect(() => {
-		list.current?.scrollTo(0, 0);
+	useLayoutEffect(() => {
+		list.current?.scrollTo(0, scrollPositions.current.get(pickerViewKey(appId, term, page)) ?? 0);
 	}, [
 		appId,
 		term,
-		page
+		page,
+		catalog.length,
+		results.length,
+		actions.length
 	]);
 	const add = async (item) => {
 		if (busy.current || disabled || isOptionDisabled?.(item)) return;
@@ -3921,7 +3932,7 @@ function NodePickerContent({ options, connections, loadConnections, browseOption
 			/* @__PURE__ */ jsx("div", {
 				ref: mount,
 				className: "shrink-0 px-3 pb-2 pt-3",
-				children: /* @__PURE__ */ jsxs(InputGroup$1, { children: [
+				children: /* @__PURE__ */ jsxs(InputGroup, { children: [
 					/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Icon, {
 						name: "search",
 						size: 16
@@ -4163,6 +4174,7 @@ function fallbackIcon$1(item) {
 	switch (item.type) {
 		case "agent": return "llm";
 		case "condition": return "condition";
+		case "openapi":
 		case "connector":
 		case "connector-group": return "connection";
 		case "llm": return "llm";
@@ -4585,7 +4597,7 @@ function SidebarBlockLibrary({ catalogFailed, refreshCatalog, browseOptions, dis
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: cn$1("mb-2 flex-none", presentation == "actions" || presentation == "providers" ? "mt-1" : "mx-3.5 mt-3"),
-				children: /* @__PURE__ */ jsxs(InputGroup$1, { children: [
+				children: /* @__PURE__ */ jsxs(InputGroup, { children: [
 					/* @__PURE__ */ jsx("span", {
 						className: "sr-only",
 						children: searchLabel
@@ -6797,7 +6809,7 @@ var IconPicker = ({ className, emoji, carbon = true, defaultTab = rememberLastTa
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: IconPicker_module_default.filter,
-				children: [/* @__PURE__ */ jsxs(InputGroup$1, {
+				children: [/* @__PURE__ */ jsxs(InputGroup, {
 					className: "h-6",
 					children: [/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx("i", {
 						"aria-hidden": "true",
@@ -7150,44 +7162,44 @@ function FlowNodeList({ nodes, onFocusNode, onSelect, groupTriggers = false }) {
 	});
 }
 var valueEditor_module_default = {
-	root: "valueEditor_root_8d3fa",
-	errorAnchor: "valueEditor_errorAnchor_8d3fa",
-	valueTools: "valueEditor_valueTools_8d3fa",
-	body: "valueEditor_body_8d3fa",
-	options: "valueEditor_options_8d3fa",
-	toolbar: "valueEditor_toolbar_8d3fa",
-	presence: "valueEditor_presence_8d3fa",
-	actions: "valueEditor_actions_8d3fa",
-	collection: "valueEditor_collection_8d3fa",
-	fieldName: "valueEditor_fieldName_8d3fa",
-	fieldType: "valueEditor_fieldType_8d3fa",
-	json: "valueEditor_json_8d3fa",
-	description: "valueEditor_description_8d3fa",
-	error: "valueEditor_error_8d3fa",
-	summary: "valueEditor_summary_8d3fa",
-	summaryError: "valueEditor_summaryError_8d3fa",
-	srOnly: "valueEditor_srOnly_8d3fa",
-	option: "valueEditor_option_8d3fa",
-	header: "valueEditor_header_8d3fa",
-	leadingControl: "valueEditor_leadingControl_8d3fa",
-	toggleControl: "valueEditor_toggleControl_8d3fa",
-	valueAddon: "valueEditor_valueAddon_8d3fa",
-	summaryText: "valueEditor_summaryText_8d3fa",
-	clearValue: "valueEditor_clearValue_8d3fa",
-	resetValue: "valueEditor_resetValue_8d3fa",
-	unsetValue: "valueEditor_unsetValue_8d3fa",
-	arrayIndex: "valueEditor_arrayIndex_8d3fa",
-	nullValue: "valueEditor_nullValue_8d3fa",
-	nullChip: "valueEditor_nullChip_8d3fa",
-	collectionActions: "valueEditor_collectionActions_8d3fa",
-	emptyObjectContent: "valueEditor_emptyObjectContent_8d3fa",
-	emptyObjectConstraint: "valueEditor_emptyObjectConstraint_8d3fa",
-	jsonCode: "valueEditor_jsonCode_8d3fa",
-	emptyString: "valueEditor_emptyString_8d3fa",
-	booleanControl: "valueEditor_booleanControl_8d3fa",
-	booleanIndicator: "valueEditor_booleanIndicator_8d3fa",
-	objectNotice: "valueEditor_objectNotice_8d3fa",
-	valuePrefix: "valueEditor_valuePrefix_8d3fa"
+	root: "valueEditor_root_d4b23",
+	errorAnchor: "valueEditor_errorAnchor_d4b23",
+	valueTools: "valueEditor_valueTools_d4b23",
+	body: "valueEditor_body_d4b23",
+	options: "valueEditor_options_d4b23",
+	toolbar: "valueEditor_toolbar_d4b23",
+	presence: "valueEditor_presence_d4b23",
+	actions: "valueEditor_actions_d4b23",
+	collection: "valueEditor_collection_d4b23",
+	fieldName: "valueEditor_fieldName_d4b23",
+	fieldType: "valueEditor_fieldType_d4b23",
+	json: "valueEditor_json_d4b23",
+	description: "valueEditor_description_d4b23",
+	error: "valueEditor_error_d4b23",
+	summary: "valueEditor_summary_d4b23",
+	summaryError: "valueEditor_summaryError_d4b23",
+	srOnly: "valueEditor_srOnly_d4b23",
+	option: "valueEditor_option_d4b23",
+	header: "valueEditor_header_d4b23",
+	leadingControl: "valueEditor_leadingControl_d4b23",
+	toggleControl: "valueEditor_toggleControl_d4b23",
+	valueAddon: "valueEditor_valueAddon_d4b23",
+	summaryText: "valueEditor_summaryText_d4b23",
+	clearValue: "valueEditor_clearValue_d4b23",
+	resetValue: "valueEditor_resetValue_d4b23",
+	unsetValue: "valueEditor_unsetValue_d4b23",
+	arrayIndex: "valueEditor_arrayIndex_d4b23",
+	nullValue: "valueEditor_nullValue_d4b23",
+	nullChip: "valueEditor_nullChip_d4b23",
+	collectionActions: "valueEditor_collectionActions_d4b23",
+	emptyObjectContent: "valueEditor_emptyObjectContent_d4b23",
+	emptyObjectConstraint: "valueEditor_emptyObjectConstraint_d4b23",
+	jsonCode: "valueEditor_jsonCode_d4b23",
+	emptyString: "valueEditor_emptyString_d4b23",
+	booleanControl: "valueEditor_booleanControl_d4b23",
+	booleanIndicator: "valueEditor_booleanIndicator_d4b23",
+	objectNotice: "valueEditor_objectNotice_d4b23",
+	valuePrefix: "valueEditor_valuePrefix_d4b23"
 };
 //#endregion
 //#region src/form/browser/fieldControl.tsx
@@ -7285,18 +7297,21 @@ function agentFixedValuesValid(config, notificationInputs = []) {
 //#region src/ui/browser/icon-stack.tsx
 /** A visual summary; the caller supplies an accessible label and tooltip. */
 function IconStack({ icons, count, limit = 3, size = "default", countClassName }) {
-	const circle = cn$1("relative flex shrink-0 items-center justify-center rounded-full border border-border/50 bg-popover", size === "sm" ? "size-5" : "size-6");
+	const frame = cn$1("relative flex shrink-0 items-center justify-center rounded-[6px] border border-border/50 bg-popover", size === "sm" ? "size-5" : "size-6");
 	return /* @__PURE__ */ jsxs("span", {
 		"aria-hidden": "true",
-		className: "inline-flex shrink-0 items-center -space-x-2",
-		children: [icons.slice(0, limit).map((item) => /* @__PURE__ */ jsx("span", {
-			className: circle,
-			children: /* @__PURE__ */ jsx(ContentIcon, {
-				src: item.icon,
-				className: size === "sm" ? "size-3.5" : "size-4"
-			})
-		}, item.id)), /* @__PURE__ */ jsxs("span", {
-			className: cn$1(circle, "text-[10px] font-medium tabular-nums text-foreground", countClassName),
+		className: "inline-flex shrink-0 items-center gap-1",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "inline-flex items-center -space-x-0.5",
+			children: icons.slice(0, limit).map((item) => /* @__PURE__ */ jsx("span", {
+				className: frame,
+				children: /* @__PURE__ */ jsx(ContentIcon, {
+					src: item.icon,
+					className: size === "sm" ? "size-3.5" : "size-4"
+				})
+			}, item.id))
+		}), /* @__PURE__ */ jsxs("span", {
+			className: cn$1("text-[10px] font-normal tabular-nums text-muted-foreground", countClassName),
 			children: ["+", count]
 		})]
 	});
@@ -7321,17 +7336,20 @@ var PickerVirtualItem = forwardRef(({ children, style, index }, ref) => {
 function ActionPicker(props) {
 	const [provider, setProvider] = useState();
 	const [navigation, setNavigation] = useState();
+	const scrollPositions = useRef(/* @__PURE__ */ new Map());
 	return /* @__PURE__ */ jsx(ActionPickerPage, {
 		...props,
 		provider,
+		initialScrollTop: scrollPositions.current.get(provider?.id ?? "providers") ?? 0,
 		navigation,
-		onNavigate: (next) => {
+		onNavigate: (next, scrollTop) => {
+			scrollPositions.current.set(provider?.id ?? "providers", scrollTop);
 			setNavigation(next == null ? "back" : "forward");
 			setProvider(next);
 		}
 	}, provider?.id ?? "providers");
 }
-function ActionPickerPage({ portalRoot, connectors, disabled, selected, onToggle, provider, onNavigate, navigation }) {
+function ActionPickerPage({ portalRoot, connectors, disabled, selected, onToggle, provider, onNavigate, navigation, initialScrollTop }) {
 	const t = useTranslate();
 	const id = useId();
 	const [query, setQuery] = useState("");
@@ -7414,11 +7432,20 @@ function ActionPickerPage({ portalRoot, connectors, disabled, selected, onToggle
 		virtualizer.current?.scrollTo(0);
 		setVisibleIndex(0);
 	}, [term]);
+	useLayoutEffect(() => {
+		if (viewport == null) return;
+		virtualizer.current?.scrollTo(initialScrollTop);
+		viewport.scrollTop = initialScrollTop;
+	}, [
+		viewport,
+		initialScrollTop,
+		rows.length
+	]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex min-h-0 min-w-0 flex-1 flex-col gap-3",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "flex shrink-0 items-center gap-2 px-4",
-			children: /* @__PURE__ */ jsxs(InputGroup$1, { children: [/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx("i", {
+			children: /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx("i", {
 				"aria-hidden": "true",
 				className: "i-lucide-light:search size-4"
 			}) }), /* @__PURE__ */ jsx(InputGroupInput, {
@@ -7439,7 +7466,7 @@ function ActionPickerPage({ portalRoot, connectors, disabled, selected, onToggle
 					variant: "ghost",
 					size: "icon-sm",
 					"aria-label": t("actionPicker.back"),
-					onClick: () => onNavigate(void 0),
+					onClick: () => onNavigate(void 0, viewport?.scrollTop ?? 0),
 					children: /* @__PURE__ */ jsx("i", {
 						"aria-hidden": "true",
 						className: "i-lucide-light:chevron-left size-4"
@@ -7511,7 +7538,7 @@ function ActionPickerPage({ portalRoot, connectors, disabled, selected, onToggle
 								variant: "ghost",
 								size: "lg",
 								className: "group/app h-auto min-w-0 w-full justify-start gap-2.5 rounded-lg px-2.5 py-1.5 text-[13px] font-normal hover:bg-accent focus-visible:bg-accent",
-								onClick: () => onNavigate(item),
+								onClick: () => onNavigate(item, viewport?.scrollTop ?? 0),
 								children: [
 									/* @__PURE__ */ jsx(ProviderAppIcon, { src: item.icon }),
 									/* @__PURE__ */ jsx("span", {
@@ -7733,6 +7760,7 @@ function AccountSelect({ connections, disabled, loading = false, id, invalid, wa
 	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")})` : ""}`;
@@ -7781,18 +7809,18 @@ function AccountSelect({ connections, disabled, loading = false, id, invalid, wa
 				children: /* @__PURE__ */ jsx(SelectValue, {
 					className: !loading && selectedId != null ? "mr-5" : void 0,
 					placeholder: t("inspector.account.chooseAccount"),
-					children: loading ? /* @__PURE__ */ jsxs("span", {
+					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__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AccountName, {
+					}) : selected == null ? selectedLabel : /* @__PURE__ */ jsx(AccountName, {
 						name: displayName(selected),
 						builtIn: selected.builtInAccount,
 						truncate: true
-					}), selected.isDefault ? ` (${t("inspector.account.teamDefault")})` : ""] })
+					})
 				})
 			}), /* @__PURE__ */ jsxs(SelectContent, {
 				container,
@@ -8082,6 +8110,8 @@ function ActionSelectionDialog({ title, entries, connectors, prepareAction, disa
 function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, createEntry, onSave, onCancel, settings }) {
 	const t = useTranslate();
 	const [draft, setDraft] = useState(entries);
+	const actions = useVal(connectors.$.actions);
+	const connections = useVal(connectors.$.connections);
 	const [initialEntries] = useState(entries);
 	const [displayOrder, setDisplayOrder] = useState(entries.length === 0 ? [] : null);
 	const [prepared, setPrepared] = useState({});
@@ -8286,10 +8316,10 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 						className: "flex flex-col divide-y divide-border/50 px-4",
 						children: sortedEntries.map(({ entry, index }) => {
 							const resolved = prepared[entry.action];
-							const action = resolved?.action ?? discovered.current.get(entry.action) ?? connectors.$.actions.value[entry.action];
+							const action = resolved?.action ?? discovered.current.get(entry.action) ?? actions[entry.action];
 							const accounts = resolved?.connections ?? [];
-							const selected = accounts.find((account) => account.connectionId == entry.connectionId);
-							const accountInvalid = action?.authenticated && entry.connectionId != null && selected?.status != "active";
+							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");
 							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", {
@@ -8368,29 +8398,27 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 									]
 								}), /* @__PURE__ */ jsx("div", {
 									className: "open-flow-property-panel col-start-2 flex min-h-[30px] min-w-0 items-center [&>*]:w-full",
-									children: resolved == null ? preparationErrors[entry.action] != null ? /* @__PURE__ */ jsx(AccountControlButton, {
+									children: resolved == null && preparationErrors[entry.action] != null ? /* @__PURE__ */ jsx(AccountControlButton, {
 										status: "danger",
 										disabled,
 										label: t("inspector.account.retry"),
 										hint: preparationErrors[entry.action],
-										onClick: () => setAttempt((value) => value + 1)
-									}) : /* @__PURE__ */ jsx(AccountSelect, {
-										loading: true,
-										connections: [],
-										disabled,
-										onChange: () => {},
-										onManage: void 0
-									}) : !resolved.action.authenticated ? /* @__PURE__ */ jsx("div", {
+										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,
 										addWhenEmpty: true,
-										label: t("actionPicker.accountFor", { action: resolved.action.name }),
+										label: t("actionPicker.accountFor", { action: action?.name ?? entry.action }),
 										disabled,
 										onChange: (connectionId) => {
 											const { connectionId: _previous, ...rest } = entry;
@@ -8399,7 +8427,7 @@ function ActionSelectionEditor({ entries, connectors, prepareAction, disabled, c
 												connectionId
 											});
 										},
-										onManage: () => void connectors.connect(resolved.action.serviceId).catch((cause) => setError(String(cause)))
+										onManage: resolved == null ? void 0 : () => void connectors.connect(resolved.action.serviceId).catch((cause) => setError(String(cause)))
 									})
 								})]
 							}, entry.id ?? entry.action);
@@ -8751,11 +8779,15 @@ function MenuHeader({ children }) {
 }
 //#endregion
 //#region src/form/browser/editorComponentSelect.tsx
-function EditorComponentSelect({ schema, id, name, disabled, invalid, readOnly, compact = true, showIcon = true, readOnlySurface = false, showArrayItemType = false, menuTitle, addon = false, disclosure, onChange }) {
+function EditorComponentSelect({ schema, id, name, disabled, invalid, readOnly, compact = true, showIcon = true, readOnlySurface = false, showArrayItemType = false, menuTitle, addon = false, valueOnly = false, disclosure, onChange }) {
 	const t = useTranslate();
 	const [container, setContainer] = useState(null);
 	const selectedComponent = editorComponent(schema);
-	const label = t(`valueEditor.components.${selectedComponent}`);
+	const label = t(valueOnly && selectedComponent === "json" ? "valueEditor.any" : `valueEditor.components.${selectedComponent}`);
+	const accessibleLabel = valueOnly ? t("valueEditor.valueDataType", {
+		name,
+		type: label
+	}) : `${t("valueEditor.type", { name })}: ${label}`;
 	if (showArrayItemType && selectedComponent === "array" && !Array.isArray(objectValue(schema)?.items)) {
 		const source = objectValue(schema) ?? {};
 		return /* @__PURE__ */ jsxs("div", {
@@ -8800,7 +8832,7 @@ function EditorComponentSelect({ schema, id, name, disabled, invalid, readOnly,
 	if (readOnly) return /* @__PURE__ */ jsx(FieldTypeDisplay, {
 		id,
 		label,
-		accessibleLabel: `${t("valueEditor.type", { name })}: ${label}`,
+		accessibleLabel,
 		icon: showIcon && /* @__PURE__ */ jsx(EditorComponentIcon, { component: selectedComponent }),
 		compact,
 		addon,
@@ -8809,7 +8841,7 @@ function EditorComponentSelect({ schema, id, name, disabled, invalid, readOnly,
 	});
 	const items = Object.values(editorGroups).flat().map((value) => ({
 		value,
-		label: t(`valueEditor.components.${value}`)
+		label: t(valueOnly && value === "json" ? "valueEditor.any" : `valueEditor.components.${value}`)
 	}));
 	return /* @__PURE__ */ jsx("div", {
 		ref: setContainer,
@@ -8826,7 +8858,7 @@ function EditorComponentSelect({ schema, id, name, disabled, invalid, readOnly,
 					id,
 					size: "field",
 					"aria-invalid": invalid,
-					"aria-label": `${t("valueEditor.type", { name })}: ${label}`,
+					"aria-label": accessibleLabel,
 					variant: addon ? "addon" : "default",
 					className: addon ? void 0 : fieldSelectTriggerClass
 				}),
@@ -8848,15 +8880,23 @@ function EditorComponentSelect({ schema, id, name, disabled, invalid, readOnly,
 				children: /* @__PURE__ */ jsxs(SelectGroup, {
 					className: "p-0",
 					"aria-label": menuTitle ?? t("valueEditor.typeTitle"),
-					children: [/* @__PURE__ */ jsx(MenuHeader, { children: menuTitle ?? t("valueEditor.typeTitle") }), Object.entries(editorGroups).map(([group, components], index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(SelectSeparator, { className: "mx-2 bg-border/50" }), /* @__PURE__ */ jsx(SelectGroup, {
-						"aria-label": t(`valueEditor.componentGroups.${group}`),
-						className: "p-0",
-						children: components.map((component) => /* @__PURE__ */ jsxs(SelectItem, {
-							value: component,
-							className: selectionMenuItemClass,
-							children: [showIcon && /* @__PURE__ */ jsx(EditorComponentIcon, { component }), t(`valueEditor.components.${component}`)]
-						}, component))
-					})] }, group))]
+					children: [
+						/* @__PURE__ */ jsx(MenuHeader, { children: menuTitle ?? t("valueEditor.typeTitle") }),
+						valueOnly && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(SelectItem, {
+							value: "json",
+							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: [showIcon && /* @__PURE__ */ jsx(EditorComponentIcon, { component: "json" }), t("valueEditor.any")]
+						}), /* @__PURE__ */ jsx(SelectSeparator, { className: "mx-2 bg-border/50" })] }),
+						Object.entries(editorGroups).map(([group, components], index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(SelectSeparator, { className: "mx-2 bg-border/50" }), /* @__PURE__ */ jsx(SelectGroup, {
+							"aria-label": t(`valueEditor.componentGroups.${group}`),
+							className: "p-0",
+							children: components.filter((component) => !valueOnly || component !== "json").map((component) => /* @__PURE__ */ jsxs(SelectItem, {
+								value: component,
+								className: selectionMenuItemClass,
+								children: [showIcon && /* @__PURE__ */ jsx(EditorComponentIcon, { component }), t(`valueEditor.components.${component}`)]
+							}, component))
+						})] }, group))
+					]
 				})
 			})]
 		})
@@ -11382,7 +11422,7 @@ function ColorEditor({ value, schema, label, disabled, onChange, path, onDraftIs
 	return /* @__PURE__ */ jsxs("div", {
 		ref: setContainer,
 		className: valueEditor_module_default.errorAnchor,
-		children: [/* @__PURE__ */ jsxs(InputGroup$1, {
+		children: [/* @__PURE__ */ jsxs(InputGroup, {
 			className: "h-[30px]",
 			children: [/* @__PURE__ */ jsx(InputGroupInput, {
 				className: "h-full min-w-0 px-2 text-xs md:text-xs",
@@ -21477,7 +21517,7 @@ function DateEditor({ value, onChange, label, disabled, invalid, format }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref: setContainer,
 		className: "min-w-0",
-		children: /* @__PURE__ */ jsxs(InputGroup$1, {
+		children: /* @__PURE__ */ jsxs(InputGroup, {
 			className: "h-[30px]",
 			children: [/* @__PURE__ */ jsx(InputGroupInput, {
 				className: "h-full min-w-0 px-2 text-xs md:text-xs",
@@ -21565,6 +21605,7 @@ function ValueEditor(props) {
 	const source = objectValue(schema) ?? {};
 	const type = valueType$1(schema, value);
 	const presence = value === void 0 ? "unset" : value === null ? "null" : "value";
+	const textValue = typeof value === "string" ? value : value === void 0 ? "" : JSON.stringify(value);
 	return type === "boolean" ? /* @__PURE__ */ jsxs("div", {
 		className: valueEditor_module_default.booleanControl,
 		children: [/* @__PURE__ */ jsx(Button$1, {
@@ -21636,7 +21677,7 @@ function ValueEditor(props) {
 		className: value === "" ? valueEditor_module_default.emptyString : void 0,
 		placeholder: t(value === "" ? "valueEditor.emptyStringValue" : "valueEditor.unset"),
 		readOnly: disabled,
-		value: typeof value === "string" ? value : "",
+		value: textValue,
 		onChange: (event) => onChange(event.target.value)
 	}) : /* @__PURE__ */ jsx(Input$1, {
 		id,
@@ -21645,7 +21686,7 @@ function ValueEditor(props) {
 		className: value === "" ? valueEditor_module_default.emptyString : void 0,
 		placeholder: t(value === "" ? "valueEditor.emptyStringValue" : "valueEditor.unset"),
 		readOnly: disabled,
-		value: typeof value === "string" ? value : "",
+		value: textValue,
 		onChange: (event) => onChange(event.target.value)
 	})] });
 }
@@ -21799,98 +21840,6 @@ function ValueTools({ label, container, raw, danger, onReset, onClear, onToggleJ
 	});
 }
 //#endregion
-//#region src/form/browser/valueTypeAddon.tsx
-/** Selects the stored data type of an unconstrained schema without changing the schema itself. */
-function DataTypeAddon({ name, value, any, disabled, onChange }) {
-	const t = useTranslate();
-	const [container, setContainer] = useState(null);
-	const [open, setOpen] = useState(false);
-	const selected = any || value === void 0 ? "any" : valueType$1({}, value);
-	const label = t(selected === "any" ? "valueEditor.any" : `valueEditor.${selected}`);
-	const accessibleLabel = t("valueEditor.valueDataType", {
-		name,
-		type: label
-	});
-	const icon = selected === "any" ? editorComponentIcons.json : editorComponentIcons[selected];
-	if (disabled || !onChange) return /* @__PURE__ */ jsx(FieldTypeDisplay, {
-		label,
-		accessibleLabel,
-		icon: /* @__PURE__ */ jsx("i", {
-			"aria-hidden": "true",
-			className: `${icon} inline-block shrink-0 text-base`
-		}),
-		addon: true
-	});
-	const items = [{
-		value: "any",
-		label: t("valueEditor.any")
-	}, ...jsonDataTypes.map((type) => ({
-		value: type,
-		label: t(`valueEditor.${type}`)
-	}))];
-	return /* @__PURE__ */ jsx("div", {
-		ref: setContainer,
-		className: "min-w-0",
-		children: /* @__PURE__ */ jsxs(Select$1, {
-			open,
-			onOpenChange: setOpen,
-			value: selected,
-			items,
-			onValueChange: (next) => {
-				if (next != null) onChange(next === "any" ? void 0 : next);
-			},
-			children: [/* @__PURE__ */ jsxs(Tooltip, {
-				disabled: open,
-				children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-					render: /* @__PURE__ */ jsx(SelectTrigger, {
-						variant: "addon",
-						"aria-label": accessibleLabel
-					}),
-					children: /* @__PURE__ */ jsx(SelectValue, {
-						className: "flex-none justify-center",
-						children: /* @__PURE__ */ jsx("i", {
-							"aria-hidden": "true",
-							className: `${icon} inline-block shrink-0 text-base`
-						})
-					})
-				}), /* @__PURE__ */ jsx(TooltipContent, {
-					container,
-					children: label
-				})]
-			}), /* @__PURE__ */ jsx(SelectContent, {
-				container,
-				align: "start",
-				alignItemWithTrigger: false,
-				className: `min-w-36 ${selectionMenuContentClass}`,
-				children: /* @__PURE__ */ jsxs(SelectGroup, {
-					className: "p-0",
-					"aria-label": t("valueEditor.dataTypeTitle"),
-					children: [
-						/* @__PURE__ */ jsx(MenuHeader, { children: t("valueEditor.dataTypeTitle") }),
-						/* @__PURE__ */ jsxs(SelectItem, {
-							value: "any",
-							className: selectionMenuItemClass,
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: `${editorComponentIcons.json} inline-block shrink-0 text-base`
-							}), t("valueEditor.any")]
-						}),
-						/* @__PURE__ */ jsx(SelectSeparator, { className: "mx-2 bg-border/50" }),
-						jsonDataTypes.map((type) => /* @__PURE__ */ jsxs(SelectItem, {
-							value: type,
-							className: selectionMenuItemClass,
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: `${editorComponentIcons[type]} inline-block shrink-0 text-base`
-							}), t(`valueEditor.${type}`)]
-						}, type))
-					]
-				})
-			})]
-		})
-	});
-}
-//#endregion
 //#region src/form/browser/fieldValueEditor.tsx
 /** Controlled JSON value editing. It has no graph, port, persistence, or theme context. */
 function FieldValueEditor(suppliedProps) {
@@ -21902,24 +21851,29 @@ function FieldValueEditor(suppliedProps) {
 	const { schema, value, onChange, label, nullable, disabled, onDraftIssue, depth = 0 } = props;
 	const t = useTranslate();
 	const id = useId();
-	const source = objectValue(schema) ?? {};
 	const valueEditable = props.valueEditable !== false;
 	const unconstrained = isUnconstrainedSchema(schema);
 	const definitionEditable = props.onDefinitionChange != null && !disabled;
-	const showDataType = unconstrained && !definitionEditable && valueEditable && props.valueSuffix == null;
+	const showDataType = editorComponent(schema) === "json" && !definitionEditable && valueEditable && props.valueSuffix == null && props.editor == null;
+	const [selectedEditorSchema, setSelectedEditorSchema] = useState();
+	const editorSchema = showDataType ? selectedEditorSchema ?? defaultValueEditorSchema(schema) : schema;
+	const editorProps = {
+		...props,
+		schema: editorSchema
+	};
+	const source = objectValue(editorSchema) ?? {};
 	const compactValue = props.compact === true || props.header != null || props.valueAddon != null || props.valueSuffix != null || showDataType;
 	const state = fieldValueState(schema, value, nullable);
 	const { presence, missing, invalidNull } = state;
-	const shape = fieldValueShape(schema, value, {
-		compactCollection: compactValue && props.header == null,
+	const shape = fieldValueShape(editorSchema, value, {
+		compactCollection: compactValue && props.header == null && !showDataType,
 		objectChild: props.objectChild,
 		depth
 	});
 	const { type, enumeration, choiceOptions } = shape;
 	const complex = shape.complex || unconstrained && definitionEditable;
 	const [container, setContainer] = useState(null);
-	const [raw, setRaw] = useState(false);
-	const jsonMode = raw || showDataType && value === void 0;
+	const [jsonMode, setJsonMode] = useState(false);
 	const focusCreatedValue = useRef(false);
 	const [editorFocusRequest, setEditorFocusRequest] = useState(0);
 	const [optionsOpen, setOptionsOpen] = useState(false);
@@ -22033,25 +21987,29 @@ function FieldValueEditor(suppliedProps) {
 	const canReset = inlineTools && props.onReset != null && (showUnset || !!nullable && nullControl);
 	const canClear = inlineTools && state.canClear;
 	const canToggleJson = inlineTools && expanded && shape.collection && presence === "value";
-	const arrayDefinition = props.header != null && source.type === "array" && !Array.isArray(source.items) && !choiceOptions;
-	const changeDataType = (nextType) => {
-		if (nextType === void 0) {
-			setRaw(true);
+	const arrayDefinition = !showDataType && props.header != null && source.type === "array" && !Array.isArray(source.items) && !choiceOptions;
+	const changeValueEditor = (nextSchema) => {
+		if (isUnconstrainedSchema(nextSchema)) {
+			setSelectedEditorSchema(void 0);
+			setJsonMode(true);
 			setExpanded(true);
 			setEditorFocusRequest((request) => request + 1);
 		} else {
-			onChange(valueForDataType(nextType, value));
-			setRaw(false);
+			setSelectedEditorSchema(nextSchema);
+			onChange(valueForEditor(nextSchema, value, { createIfUnset: true }));
+			setJsonMode(false);
 			setExpanded(false);
 			setEditorFocusRequest(0);
 		}
 	};
-	const dataTypeAddon = showDataType ? /* @__PURE__ */ jsx(DataTypeAddon, {
+	const dataTypeAddon = showDataType ? /* @__PURE__ */ jsx(EditorComponentSelect, {
+		schema: jsonMode ? {} : editorSchema,
 		name: label,
-		value,
-		any: jsonMode,
-		disabled,
-		onChange: changeDataType
+		menuTitle: t("valueEditor.dataTypeTitle"),
+		addon: true,
+		valueOnly: true,
+		readOnly: disabled,
+		onChange: changeValueEditor
 	}) : void 0;
 	const startAddon = props.valueAddon ?? dataTypeAddon;
 	const endAddon = props.valueSuffix ?? (props.valueAddon != null && dataTypeAddon != null ? dataTypeAddon : arrayDefinition ? /* @__PURE__ */ jsx(FieldTypeAddon, {
@@ -22070,7 +22028,7 @@ function FieldValueEditor(suppliedProps) {
 	const createValue = uncreatedText && valueEditable && !disabled ? () => {
 		onChange("");
 		setEditorFocusRequest((request) => request + 1);
-	} : emptyCollection ? collectionCreateAction(props) : void 0;
+	} : emptyCollection ? collectionCreateAction(editorProps) : void 0;
 	const toggleExpanded = () => {
 		restorePreviewFocus.current = !!inlineExpansion && expanded;
 		setExpanded(!expanded);
@@ -22080,7 +22038,7 @@ function FieldValueEditor(suppliedProps) {
 		const clearTextItem = props.arrayChild && shape.text && !jsonMode && !complex;
 		onChange(clearTextItem ? "" : void 0);
 		setExpanded(shape.expandable);
-		setRaw(false);
+		setJsonMode(false);
 		setEditorFocusRequest((request) => clearTextItem ? request + 1 : 0);
 	};
 	const toolbar = /* @__PURE__ */ jsxs("div", {
@@ -22111,7 +22069,8 @@ function FieldValueEditor(suppliedProps) {
 					variant: "ghost",
 					disabled,
 					onClick: () => {
-						setRaw(!jsonMode);
+						if (showDataType) setSelectedEditorSchema(void 0);
+						setJsonMode(!jsonMode);
 						setExpanded(true);
 					},
 					"aria-pressed": jsonMode || complex,
@@ -22189,15 +22148,19 @@ function FieldValueEditor(suppliedProps) {
 				"data-field-prompt": invalid || void 0,
 				"data-field-control": true,
 				"aria-invalid": invalid || void 0,
-				"aria-label": `${label} ${t("valueEditor.setValue")}`,
-				disabled: disabled || !valueEditable,
+				"aria-label": `${label} ${customUnset ? props.unset.label : t("valueEditor.setValue")}`,
+				disabled: disabled || !valueEditable && props.unset?.onActivate == null,
 				onClick: () => {
-					const next = getDefaultValue(typeOfSchema(schema), schema);
+					if (customUnset && props.unset?.onActivate != null) {
+						props.unset.onActivate();
+						return;
+					}
+					const next = getDefaultValue(typeOfSchema(editorSchema), editorSchema);
 					focusCreatedValue.current = true;
 					onChange(next === void 0 ? getDefaultValue(type) : next);
 					if (type === "object" || type === "array" || source["ui:widget"] === "text") setExpanded(true);
 				},
-				children: [/* @__PURE__ */ jsx("span", { children: customUnset ? props.unset.label : t("valueEditor.setValue") }), /* @__PURE__ */ jsx("i", {
+				children: [/* @__PURE__ */ jsx("span", { children: customUnset ? props.unset.label : t("valueEditor.setValue") }), props.unset?.onActivate == null && /* @__PURE__ */ jsx("i", {
 					"aria-hidden": "true",
 					className: "i-lucide-light:pencil"
 				})]
@@ -22208,10 +22171,10 @@ function FieldValueEditor(suppliedProps) {
 				invalid,
 				focusRequest: expanded ? editorFocusRequest : 0
 			}) : props.editor !== void 0 ? props.editor : structured ? type === "object" ? /* @__PURE__ */ jsx(ObjectValueFields, {
-				...props,
+				...editorProps,
 				empty: presence !== "value"
 			}) : /* @__PURE__ */ jsx(ArrayValueFields, {
-				...props,
+				...editorProps,
 				empty: presence !== "value"
 			}) : (state.display === "null" || presence === "null") && !choiceOptions && !enumeration ? /* @__PURE__ */ jsx(Button$1, {
 				type: "button",
@@ -22223,7 +22186,7 @@ function FieldValueEditor(suppliedProps) {
 				"aria-invalid": invalid,
 				"aria-label": `${label} null`,
 				onClick: () => {
-					const next = initialValue(schema);
+					const next = initialValue(editorSchema);
 					onChange(next == null && type !== "null" ? getDefaultValue(type) : next);
 				},
 				children: /* @__PURE__ */ jsx("span", {
@@ -22239,7 +22202,7 @@ function FieldValueEditor(suppliedProps) {
 				invalid,
 				multiple: !Array.isArray(source.enum),
 				onChange,
-				onOptionsChange: props.onDefinitionChange ? (options, deletion) => {
+				onOptionsChange: props.onDefinitionChange || showDataType ? (options, deletion) => {
 					const nextSchema = Array.isArray(source.enum) ? {
 						...source,
 						enum: options
@@ -22250,7 +22213,12 @@ function FieldValueEditor(suppliedProps) {
 							enum: options
 						}
 					};
-					props.onDefinitionChange(nextSchema, valueForEditor(nextSchema, value), deletion);
+					const nextValue = valueForEditor(nextSchema, value);
+					if (props.onDefinitionChange) props.onDefinitionChange(nextSchema, nextValue, deletion);
+					else {
+						setSelectedEditorSchema(nextSchema);
+						onChange(nextValue);
+					}
 				} : void 0
 			}) : enumeration ? /* @__PURE__ */ jsxs(FieldSelect, {
 				"aria-label": label,
@@ -22268,7 +22236,7 @@ function FieldValueEditor(suppliedProps) {
 					children: Array.isArray(optionLabels) && typeof optionLabels[index] === "string" ? optionLabels[index] : typeof item === "string" ? item : JSON.stringify(item)
 				}, index))]
 			}) : /* @__PURE__ */ jsx(ValueEditor, {
-				...props,
+				...editorProps,
 				onDraftIssue: reportDraftIssue,
 				invalid
 			}),
@@ -22365,7 +22333,8 @@ function FieldValueEditor(suppliedProps) {
 				onReset: canReset ? props.onReset : void 0,
 				onClear: canClear ? clearValue : void 0,
 				onToggleJson: canToggleJson ? () => {
-					setRaw(!jsonMode);
+					if (showDataType) setSelectedEditorSchema(void 0);
+					setJsonMode(!jsonMode);
 					if (!jsonMode) setEditorFocusRequest((request) => request + 1);
 				} : void 0
 			}),
@@ -22526,6 +22495,25 @@ function AgentInputSource({ disabled, readOnly, source, port, inputs, onChange,
 	});
 }
 //#endregion
+//#region src/workbench/browser/runtime/editor/purposeField.tsx
+function PurposeField({ compact = false, ...props }) {
+	const t = useTranslate();
+	const id = useId();
+	return /* @__PURE__ */ jsxs(Field, {
+		className: compact ? "gap-1.5" : "inspector-field-section",
+		children: [/* @__PURE__ */ jsx(FieldLabel, {
+			className: compact ? "text-xs font-normal text-muted-foreground" : "inspector-section-title",
+			htmlFor: id,
+			children: t("inspector.node.description")
+		}), /* @__PURE__ */ jsx(Textarea, {
+			...props,
+			id,
+			rows: compact ? 2 : void 0,
+			className: cn$1("[--ui-control-hover-background:var(--ui-control-background,var(--ui-muted))] placeholder:opacity-70 placeholder:transition-opacity placeholder:duration-300 hover:placeholder:opacity-50 focus:placeholder:opacity-30 motion-reduce:placeholder:transition-none", compact && "min-h-16 max-h-40 resize-y text-xs md:text-xs")
+		})]
+	});
+}
+//#endregion
 //#region src/workbench/browser/runtime/editor/agentTools.tsx
 function EditableAgentTools({ config, disabled, inputs, connectors, prepareAction, onSave }) {
 	const t = useTranslate();
@@ -22548,7 +22536,8 @@ function EditableAgentTools({ config, disabled, inputs, connectors, prepareActio
 				className: "i-lucide-light:plus size-3.5"
 			}), t("actionPicker.triggerLabel")] }) : /* @__PURE__ */ jsx(IconStack, {
 				icons: summary.providers,
-				count: summary.count
+				count: summary.count,
+				size: "sm"
 			})
 		}),
 		entries: config.tools,
@@ -22597,22 +22586,14 @@ function AgentToolSettings({ entry: tool, onChange, disabled, onValidChange, inp
 					})
 				})]
 			}),
-			/* @__PURE__ */ jsxs(Field, {
-				className: "gap-1.5",
-				children: [/* @__PURE__ */ jsx(FieldLabel, {
-					className: "text-xs font-normal text-muted-foreground",
-					children: t("inspector.node.description")
-				}), /* @__PURE__ */ jsx(Textarea, {
-					rows: 2,
-					className: "min-h-16 max-h-40 resize-y text-xs md:text-xs",
-					readOnly: disabled,
-					"aria-label": t("inspector.node.description"),
-					value: tool.description,
-					onChange: (event) => onChange?.({
-						...tool,
-						description: event.target.value
-					})
-				})]
+			/* @__PURE__ */ jsx(PurposeField, {
+				compact: true,
+				readOnly: disabled,
+				value: tool.description,
+				onChange: (event) => onChange?.({
+					...tool,
+					description: event.target.value
+				})
 			}),
 			tool.inputs.length > 0 && /* @__PURE__ */ jsx("div", { className: "h-px bg-border/50" }),
 			tool.inputs.map((port) => /* @__PURE__ */ jsx(AgentInputSource, {
@@ -22664,6 +22645,19 @@ function AgentTools(props) {
 	}) })] });
 }
 //#endregion
+//#region src/workbench/browser/runtime/editor/codeEditorPlaceholder.tsx
+function CodeEditorPlaceholder({ label }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "code-editor-placeholder",
+		role: "status",
+		"aria-label": label,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "code-editor-placeholder-gutter",
+			"aria-hidden": "true"
+		})
+	});
+}
+//#endregion
 //#region src/workbench/browser/runtime/editor/promptEditor.tsx
 function PromptEditor({ ariaDescribedBy, invalid, value, inputs, disabled, theme, onChange, onSave }) {
 	const t = useTranslate();
@@ -22791,14 +22785,18 @@ function PromptEditor({ ariaDescribedBy, invalid, value, inputs, disabled, theme
 				if (!disabled) onSave();
 			}
 		},
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "code-editor-host",
-			ref: host
-		}), state != "ready" && /* @__PURE__ */ jsx("span", {
-			className: "code-editor-state",
-			role: state == "failed" ? "alert" : void 0,
-			children: t(state == "failed" ? "inspector.task.editorUnavailable" : "inspector.task.editorLoading")
-		})]
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "code-editor-host",
+				ref: host
+			}),
+			state == "loading" && /* @__PURE__ */ jsx(CodeEditorPlaceholder, { label: t("inspector.task.editorLoading") }),
+			state == "failed" && /* @__PURE__ */ jsx("span", {
+				className: "code-editor-state",
+				role: "alert",
+				children: t("inspector.task.editorUnavailable")
+			})
+		]
 	});
 }
 //#endregion
@@ -23796,10 +23794,7 @@ function CodeEditor({ ariaDescribedBy, ariaLabel, diagnostics, disabled, errorLa
 				className: "code-editor-host",
 				ref: host
 			}),
-			loading && /* @__PURE__ */ jsx("span", {
-				className: "code-editor-state",
-				children: loadingLabel
-			}),
+			loading && /* @__PURE__ */ jsx(CodeEditorPlaceholder, { label: loadingLabel }),
 			failed && /* @__PURE__ */ jsx("span", {
 				className: "code-editor-state error",
 				children: errorLabel
@@ -24102,7 +24097,8 @@ function EditableCodeTaskSection({ connectorAccess, connectorCandidates, connect
 					className: "i-lucide-light:plus size-3.5"
 				}), t("actionPicker.triggerLabel")] }) : /* @__PURE__ */ jsx(IconStack, {
 					icons: summary.providers,
-					count: summary.count
+					count: summary.count,
+					size: "sm"
 				})]
 			}),
 			entries: selectedActions,
@@ -24318,7 +24314,7 @@ function NativeSelect({ className, size = "default", ...props }) {
 		children: [/* @__PURE__ */ jsx("select", {
 			"data-slot": "native-select",
 			"data-size": size,
-			className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-[var(--ui-control-background,var(--ui-muted))] py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:outline-2 focus-visible:outline-solid focus-visible:ring-0 focus-visible:aria-invalid:ring-0 focus-visible:outline-offset-1 focus-visible:outline-ring focus-visible:aria-invalid:outline-destructive disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive data-[size=sm]:h-7 data-[size=sm]:rounded-md data-[size=sm]:py-0.5 dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:hover:bg-input/50",
+			className: "h-8 w-full min-w-0 appearance-none rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground data-[slot=native-select]:focus-visible:text-field-focus data-[slot=native-select]:focus-visible:aria-invalid:invalid-text-field-focus disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive data-[size=sm]:h-7 data-[size=sm]:rounded-[var(--ui-control-radius,var(--ui-radius))] data-[size=sm]:py-0.5 dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:hover:bg-input/50",
 			...props
 		}), /* @__PURE__ */ jsx(ChevronDown, {
 			className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
@@ -25072,7 +25068,7 @@ function SelectedSourceValue({ bound, readOnly, connected, sourceMissing, onInva
 		children: t("inspector.sources.checkFailed")
 	})] });
 }
-function SourceValueEditor({ fixed = false, editor: customEditor, schema, label: fieldLabel, nullable, description: fieldDescription, presentation, upstream: providedUpstream, embedded = false, handleNames = [], value, connected, sourceMissing, onInvalidChange, validationError, variableName, variables, disabled, readOnly, onValue, onVariable, onReset }) {
+function SourceValueEditor({ fixed = false, sourceOnly = false, editor: customEditor, schema, label: fieldLabel, nullable, description: fieldDescription, presentation, upstream: providedUpstream, embedded = false, handleNames = [], value, connected, sourceMissing, onInvalidChange, validationError, variableName, variables, disabled, readOnly, onValue, onVariable, onReset }) {
 	const t = useTranslate();
 	const [sourceOpen, setSourceOpen] = useState(false);
 	const candidates = useInputSourceQuery(providedUpstream?.query?.candidates, sourceOpen);
@@ -25150,6 +25146,7 @@ function SourceValueEditor({ fixed = false, editor: customEditor, schema, label:
 		ref: setSourceContainer,
 		className: "flex items-center",
 		children: /* @__PURE__ */ jsxs(DropdownMenu, {
+			open: sourceOpen,
 			onOpenChange: (open) => {
 				setSourceOpen(open);
 				if (open && variables.enabled) variables.onOpen?.();
@@ -25179,7 +25176,7 @@ function SourceValueEditor({ fixed = false, editor: customEditor, schema, label:
 				container: sourcePortal,
 				children: [
 					/* @__PURE__ */ jsx(MenuHeader, { children: t("inspector.sources.title") }),
-					/* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+					!sourceOnly && /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
 						value: sourceKind === "literal" ? literalSource : "",
 						onValueChange: () => {
 							if (bound) onVariable(void 0);
@@ -25348,7 +25345,7 @@ function SourceValueEditor({ fixed = false, editor: customEditor, schema, label:
 		variableCompatible,
 		variableName,
 		variables
-	}) : llm ? /* @__PURE__ */ jsx(LlmInputEditor, {
+	}) : llm && !sourceOnly ? /* @__PURE__ */ jsx(LlmInputEditor, {
 		readOnly,
 		addon: sourceControl,
 		schema,
@@ -25365,16 +25362,24 @@ function SourceValueEditor({ fixed = false, editor: customEditor, schema, label:
 			...presentation,
 			validationError,
 			onInvalidChange: connected || bound || sourceMissing ? void 0 : onInvalidChange,
-			valueAddon: llm && !connected && !bound ? void 0 : sourceControl,
+			valueAddon: llm && !sourceOnly && !connected && !bound ? void 0 : sourceControl,
 			description: presentation?.description ?? fieldDescription,
 			schema,
 			nullable,
-			value,
+			value: sourceOnly && !connected && !bound && !sourceMissing ? void 0 : value,
+			unset: sourceOnly && !connected && !bound && !sourceMissing ? {
+				label: t("inspector.sources.select"),
+				required: true,
+				onActivate: fixed ? void 0 : () => {
+					setSourceOpen(true);
+					if (variables.enabled) variables.onOpen?.();
+				}
+			} : void 0,
 			label: fieldLabel,
 			path: `/${fieldLabel.replaceAll("~", "~0").replaceAll("/", "~1")}`,
 			disabled,
 			onReset,
-			valueEditable: !connected && !bound && !sourceMissing,
+			valueEditable: !sourceOnly && !connected && !bound && !sourceMissing,
 			editor: customEditor ?? editor,
 			onDraftIssue: draftIssue,
 			onChange: (next, deletion) => onValue(next, deletion)
@@ -25894,21 +25899,13 @@ function ConditionBranchesEditor({ value: configuration, disabled, readOnly, onC
 											disabled: false,
 											onChange: renameOutput
 										})]
-									}), /* @__PURE__ */ jsxs(Field, {
-										className: "gap-1.5",
-										children: [/* @__PURE__ */ jsx(FieldLabel, {
-											className: "text-xs font-normal text-muted-foreground",
-											children: t("inspector.node.description")
-										}), /* @__PURE__ */ jsx(Textarea, {
-											"aria-label": t("inspector.node.description"),
-											rows: 2,
-											className: "min-h-16 max-h-40 resize-y text-xs md:text-xs",
-											value: item.description ?? "",
-											onChange: (event) => save({
-												...item,
-												description: event.target.value
-											})
-										})]
+									}), /* @__PURE__ */ jsx(PurposeField, {
+										compact: true,
+										value: item.description ?? "",
+										onChange: (event) => save({
+											...item,
+											description: event.target.value
+										})
 									})]
 								})
 							})
@@ -26775,23 +26772,14 @@ function PortSettingsFields({ port, names, disabled, showNullable, onChange }) {
 				})
 			})]
 		}),
-		/* @__PURE__ */ jsxs(Field, {
-			className: "gap-1.5",
-			children: [/* @__PURE__ */ jsx(FieldLabel, {
-				htmlFor: `${id}-description`,
-				className: "text-xs font-normal text-muted-foreground",
-				children: t("inspector.node.description")
-			}), /* @__PURE__ */ jsx(Textarea, {
-				id: `${id}-description`,
-				rows: 2,
-				className: "min-h-16 max-h-40 resize-y text-xs md:text-xs",
-				value: port.description ?? "",
-				readOnly: disabled,
-				onChange: (event) => onChange({
-					...port,
-					description: event.target.value
-				})
-			})]
+		/* @__PURE__ */ jsx(PurposeField, {
+			compact: true,
+			value: port.description ?? "",
+			readOnly: disabled,
+			onChange: (event) => onChange({
+				...port,
+				description: event.target.value
+			})
 		}),
 		/* @__PURE__ */ jsxs(Field, {
 			className: "gap-1.5",
@@ -28093,26 +28081,533 @@ function LlmTaskSection({ selection, disabled, store }) {
 //#endregion
 //#region src/workbench/browser/runtime/editor/nodeDescription.tsx
 /** The draft belongs to this field; the product revision owns the saved description. */
-function NodeDescription({ value, disabled = false, readOnly = false, onSave }) {
+function NodeDescription({ value, placeholder, disabled = false, readOnly = false, onSave }) {
 	const t = useTranslate();
-	const id = useId();
 	const [draft, setDraft] = useState(value ?? "");
 	useEffect(() => setDraft(value ?? ""), [value]);
-	return /* @__PURE__ */ jsxs(Field, {
+	return /* @__PURE__ */ jsx(PurposeField, {
+		readOnly: disabled || readOnly,
+		placeholder: placeholder?.trim() || t("inspector.node.describe"),
+		value: draft,
+		onChange: (event) => setDraft(event.target.value),
+		onBlur: () => {
+			if (!disabled && !readOnly && draft !== (value ?? "")) onSave?.(draft === "" ? void 0 : draft);
+		}
+	});
+}
+//#endregion
+//#region src/openapi/common/documentSession.ts
+/** Owned by one mounted panel, never shared across nodes or persisted. */
+var OpenApiDocumentSession = class {
+	#controller;
+	#request;
+	#value;
+	#url;
+	constructor(load) {
+		this.load = load;
+	}
+	read(url, refresh = false) {
+		if (this.#url == url && !refresh) {
+			if (this.#value != null) return Promise.resolve(this.#value);
+			if (this.#request != null) return this.#request;
+		}
+		this.clear();
+		this.#url = url;
+		const controller = new AbortController();
+		this.#controller = controller;
+		const request = this.load(url, controller.signal).then((value) => {
+			if (controller.signal.aborted || this.#controller != controller) throw new Error("Document loading was cancelled.");
+			listOperations(value);
+			this.#value = value;
+			return value;
+		}).finally(() => {
+			if (this.#controller == controller) this.#request = void 0;
+		});
+		this.#request = request;
+		return request;
+	}
+	clear() {
+		this.#controller?.abort();
+		this.#controller = void 0;
+		this.#value = void 0;
+		this.#request = void 0;
+		this.#url = void 0;
+	}
+};
+//#endregion
+//#region src/workbench/browser/runtime/editor/openApiSection.tsx
+function OpenApiSection({ task, disabled, load, onSave, credentials }) {
+	const t = useTranslate();
+	const config = task.executor;
+	const [url, setUrl] = useState(config.sourceUrl);
+	const [address, setAddress] = useState(config.serverUrl);
+	const [document, setDocument] = useState();
+	const [serverError, setServerError] = useState("");
+	const [operationFailure, setOperationFailure] = useState("");
+	const [documentError, setDocumentError] = useState("");
+	const [container, setContainer] = useState(null);
+	const [operationsOpen, setOperationsOpen] = useState(false);
+	const [loading, setLoading] = useState(false);
+	const [search, setSearch] = useState("");
+	const [serverIndex, setServerIndex] = useState();
+	const [serversOpen, setServersOpen] = useState(false);
+	const [serverVariables, setServerVariables] = useState({});
+	const [keyName, setKeyName] = useState(config.auth.find((item) => item.id == "manual")?.name ?? "X-API-Key");
+	const keyLocation = config.auth.find((item) => item.id == "manual")?.in ?? "header";
+	const loadRef = useRef(load);
+	loadRef.current = load;
+	const [session] = useState(() => new OpenApiDocumentSession((source, signal) => loadRef.current(source, signal)));
+	const generation = useRef(0);
+	useEffect(() => () => {
+		generation.current++;
+		session.clear();
+	}, [session]);
+	useEffect(() => {
+		setAddress(config.serverUrl);
+	}, [config.serverUrl]);
+	async function read(refresh = false) {
+		const current = ++generation.current;
+		if (!url.trim()) return;
+		setLoading(true);
+		setDocumentError("");
+		try {
+			const result = await session.read(url, refresh);
+			if (generation.current != current) return;
+			setDocument(result);
+			return result;
+		} catch (error) {
+			if (generation.current == current) {
+				setDocument(void 0);
+				setOperationsOpen(false);
+				setDocumentError(error.message);
+			}
+		} finally {
+			if (generation.current == current) setLoading(false);
+		}
+	}
+	async function save(next, field = "operation") {
+		const report = field == "serverUrl" ? setServerError : setOperationFailure;
+		try {
+			if (next.serverUrl) {
+				const server = new URL(next.serverUrl);
+				if (!["http:", "https:"].includes(server.protocol) || server.username || server.password || server.search || server.hash) throw new Error("Enter an HTTP(S) server URL without credentials, query or fragment.");
+			}
+			if (await onSave(task, openApiTask(next, task.name))) {
+				report("");
+				setOperationsOpen(false);
+			} else report(t("openapi.saveFailed"));
+		} catch (error) {
+			report(error.message);
+		}
+	}
+	const savedSelection = !!config.path && url == config.sourceUrl;
+	const issues = openApiFieldIssues({
+		...task,
+		executor: {
+			...config,
+			sourceUrl: url,
+			serverUrl: address
+		}
+	});
+	const sourceIssue = issues.find((issue) => issue.field == "sourceUrl");
+	const showOperations = savedSelection || !!url.trim() && !documentError && document != null;
+	const urlError = loading ? void 0 : documentError || (sourceIssue ? !url.trim() ? t("openapi.urlRequired") : sourceIssue.message : !savedSelection && document == null ? t("openapi.loadRequired") : void 0);
+	const operationError = operationFailure || (!savedSelection ? t("openapi.operationRequired") : issues.find((issue) => issue.field == "operation")?.message);
+	const addressError = serverError || issues.find((issue) => issue.field == "serverUrl")?.message;
+	const operations = document == null ? [] : listOperations(document);
+	const grouped = operations.some((op) => op.tag.trim() != "");
+	const query = search.toLowerCase();
+	const choices = operations.filter((op) => `${op.tag} ${op.label} ${op.method} ${op.path}`.toLowerCase().includes(query));
+	const groups = Map.groupBy(choices, (op) => op.tag.trim());
+	const untagged = groups.get("");
+	if (untagged != null) {
+		groups.delete("");
+		groups.set("", untagged);
+	}
+	const availableServers = config.path ? (() => {
+		try {
+			return servers(document ?? config.document, config.path, config.method);
+		} catch {
+			return [];
+		}
+	})() : [];
+	const selectedServer = serverIndex == null ? void 0 : availableServers[serverIndex];
+	const security = config.path ? securityOptions(config.document, config.path, config.method) : [];
+	const declaredAuth = security.findIndex((entry) => dequal(entry.auth, config.auth));
+	const manualAuth = config.auth.find((item) => item.id == "manual");
+	function useServer(index, variables = {}) {
+		try {
+			const serverUrl = serverAddress(availableServers[index], url, variables);
+			setServerIndex(index);
+			setServerVariables(variables);
+			setAddress(serverUrl);
+			setServersOpen(false);
+			save({
+				...config,
+				serverUrl
+			}, "serverUrl");
+		} catch (error) {
+			setServerError(error.message);
+		}
+	}
+	function useAuth(type, name = keyName, location = keyLocation) {
+		save({
+			...config,
+			auth: [{
+				id: "manual",
+				type,
+				...type == "apiKey" ? {
+					name,
+					in: location
+				} : {}
+			}]
+		});
+	}
+	const renderOperation = (op) => /* @__PURE__ */ jsxs(Button$1, {
+		className: `w-full h-auto justify-start px-2 whitespace-normal text-left ${selectionMenuItemClass}`,
+		variant: "ghost",
+		disabled,
+		onClick: () => {
+			try {
+				save(selectOperation(document, url, op.path, op.method));
+			} catch (error) {
+				setOperationFailure(error.message);
+			}
+		},
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "shrink-0 self-start font-mono text-muted-foreground",
+			children: op.method.toUpperCase()
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "min-w-0 break-words",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "font-mono text-foreground",
+				children: op.path
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "pl-2 text-muted-foreground",
+				children: [" ", op.label]
+			})]
+		})]
+	}, `${op.method} ${op.path}`);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Field, {
 		className: "inspector-field-section",
+		"data-inspector-section": "task",
 		children: [/* @__PURE__ */ jsx(FieldLabel, {
 			className: "inspector-section-title",
-			htmlFor: id,
-			children: t("inspector.node.description")
-		}), /* @__PURE__ */ jsx(Textarea, {
-			id,
-			readOnly: disabled || readOnly,
-			placeholder: t("inspector.node.describe"),
-			value: draft,
-			onChange: (event) => setDraft(event.target.value),
-			onBlur: () => {
-				if (!disabled && !readOnly && draft !== (value ?? "")) onSave?.(draft === "" ? void 0 : draft);
-			}
+			children: "OpenAPI"
+		}), /* @__PURE__ */ jsxs("div", {
+			ref: setContainer,
+			className: "node-settings flex flex-col gap-3",
+			children: [
+				/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: "openapi-url",
+					children: t("openapi.document")
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-2",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "min-w-0 flex-1",
+						children: /* @__PURE__ */ jsx(ValueEditorFeedback, {
+							error: urlError,
+							children: (errorId) => /* @__PURE__ */ jsx(Input$1, {
+								"aria-invalid": urlError != null,
+								"aria-describedby": errorId,
+								id: "openapi-url",
+								disabled,
+								value: url,
+								onChange: (event) => {
+									generation.current++;
+									session.clear();
+									setDocument(void 0);
+									setOperationsOpen(false);
+									setLoading(false);
+									setDocumentError("");
+									setOperationFailure("");
+									setUrl(event.target.value);
+								}
+							})
+						})
+					}), /* @__PURE__ */ jsx(Button$1, {
+						variant: "outline",
+						size: "sm",
+						disabled: disabled || loading || !url.trim(),
+						onClick: async () => {
+							const value = await read(true);
+							if (value != null) {
+								if (!savedSelection) return;
+								try {
+									const next = selectOperation(value, url, config.path, config.method);
+									save({
+										...next,
+										serverUrl: config.serverUrl,
+										auth: securityOptions(next.document, next.path, next.method).some((choice) => dequal(choice.auth, config.auth)) || config.auth.every((item) => item.id == "manual") ? config.auth : next.auth
+									});
+								} catch (error) {
+									setOperationFailure(error.message);
+								}
+							}
+						},
+						children: t(loading ? "openapi.loading" : "openapi.update")
+					})]
+				})] }),
+				showOperations && (document != null && operations.length == 0 ? /* @__PURE__ */ jsx("p", {
+					role: "status",
+					className: "m-0 px-2 py-1 text-xs text-muted-foreground",
+					children: t("openapi.noOperations")
+				}) : /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: t("openapi.operation") }), /* @__PURE__ */ jsxs(Popover, {
+					open: operationsOpen,
+					onOpenChange: (open) => {
+						setOperationsOpen(open);
+						if (open) {
+							setSearch("");
+							read();
+						}
+					},
+					children: [/* @__PURE__ */ jsx(ValueEditorFeedback, {
+						error: operationsOpen ? void 0 : operationError,
+						children: (errorId) => /* @__PURE__ */ jsxs(PopoverTrigger, {
+							render: /* @__PURE__ */ jsx(Button$1, {
+								variant: "field",
+								size: "field"
+							}),
+							className: "w-full justify-between",
+							"aria-label": savedSelection ? `${config.method.toUpperCase()} ${config.path}` : t("openapi.operation"),
+							"aria-expanded": operationsOpen,
+							"aria-invalid": operationError != null,
+							"aria-describedby": errorId,
+							disabled,
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "min-w-0 truncate",
+								children: savedSelection ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+									className: "mr-2 font-mono text-muted-foreground",
+									children: config.method.toUpperCase()
+								}), /* @__PURE__ */ jsx("span", {
+									className: "font-mono",
+									children: config.path
+								})] }) : t("openapi.operation")
+							}), /* @__PURE__ */ jsx(SelectChevron, {})]
+						})
+					}), /* @__PURE__ */ jsxs(PopoverContent, {
+						container,
+						align: "start",
+						className: `w-(--anchor-width) max-w-[calc(100vw-24px)] gap-0 rounded-[calc(var(--ui-control-radius,var(--ui-radius))_+_2px)] p-1`,
+						"aria-label": t("openapi.operation"),
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "p-1",
+								children: /* @__PURE__ */ jsx(Input$1, {
+									"aria-label": t("openapi.search"),
+									placeholder: t("openapi.search"),
+									value: search,
+									onChange: (event) => setSearch(event.target.value)
+								})
+							}),
+							loading && /* @__PURE__ */ jsx("span", {
+								role: "status",
+								children: t("openapi.loading")
+							}),
+							!loading && choices.length == 0 && /* @__PURE__ */ jsx("p", {
+								role: "status",
+								className: "m-0 px-2 py-1 text-xs text-muted-foreground",
+								children: t("openapi.noMatches")
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "flex max-h-64 flex-col overflow-auto px-1 pb-1",
+								children: grouped ? [...groups].map(([tag, entries]) => /* @__PURE__ */ jsxs("div", {
+									role: "group",
+									"aria-label": tag || t("openapi.untagged"),
+									children: [/* @__PURE__ */ jsx("div", {
+										className: "px-2 py-0.5 text-xs font-normal leading-5 text-muted-foreground",
+										children: tag || t("openapi.untagged")
+									}), /* @__PURE__ */ jsx("div", {
+										className: "ml-2 flex flex-col",
+										children: entries.map(renderOperation)
+									})]
+								}, tag)) : choices.map(renderOperation)
+							})
+						]
+					})]
+				})] })),
+				savedSelection && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: "openapi-server",
+					children: t("openapi.server")
+				}), /* @__PURE__ */ jsx(ValueEditorFeedback, {
+					error: addressError,
+					children: (errorId) => /* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 items-center gap-1",
+						children: [/* @__PURE__ */ jsx(Input$1, {
+							"aria-invalid": addressError != null,
+							"aria-describedby": errorId,
+							id: "openapi-server",
+							disabled,
+							value: address,
+							onChange: (event) => {
+								setAddress(event.target.value);
+								setServerIndex(void 0);
+								setServerError("");
+							},
+							onBlur: () => {
+								if (address != config.serverUrl) save({
+									...config,
+									serverUrl: address
+								}, "serverUrl");
+							}
+						}), /* @__PURE__ */ jsxs(Popover, {
+							open: serversOpen,
+							onOpenChange: (open) => {
+								setServersOpen(open);
+								if (open) read();
+							},
+							children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+								render: /* @__PURE__ */ jsx(Button$1, {
+									variant: "field",
+									size: "icon-sm"
+								}),
+								disabled,
+								"aria-label": t("openapi.servers"),
+								children: /* @__PURE__ */ jsx(SelectChevron, {})
+							}), /* @__PURE__ */ jsxs(PopoverContent, {
+								container,
+								align: "end",
+								"aria-label": t("openapi.servers"),
+								children: [loading && /* @__PURE__ */ jsx("span", {
+									role: "status",
+									children: t("openapi.loading")
+								}), availableServers.map((server, index) => {
+									let label;
+									try {
+										label = serverAddress(server, url);
+									} catch {
+										label = String(server.url);
+									}
+									return /* @__PURE__ */ jsx(Button$1, {
+										variant: "ghost",
+										className: "justify-start whitespace-normal break-all text-left h-auto",
+										onClick: () => useServer(index),
+										children: label
+									}, index);
+								})]
+							})]
+						})]
+					})
+				})] }), selectedServer != null && Object.entries(object(selectedServer.variables ?? {})).map(([name, definition]) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: name }), /* @__PURE__ */ jsx(Input$1, {
+					"aria-label": name,
+					value: serverVariables[name] ?? String(object(definition).default ?? ""),
+					disabled,
+					onChange: (event) => setServerVariables({
+						...serverVariables,
+						[name]: event.target.value
+					}),
+					onBlur: () => useServer(serverIndex, serverVariables)
+				})] }, name))] })
+			]
+		})]
+	}), savedSelection && /* @__PURE__ */ jsx(AuthenticationDisclosure, {
+		title: t("openapi.auth"),
+		children: (onInvalidChange) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(Field, { children: /* @__PURE__ */ jsxs(NativeSelect, {
+				"aria-label": t("openapi.auth"),
+				id: "openapi-auth",
+				className: "w-full",
+				disabled,
+				value: declaredAuth >= 0 ? `declared:${declaredAuth}` : manualAuth?.type ?? "none",
+				onChange: (event) => {
+					const value = event.target.value;
+					if (value.startsWith("declared:")) {
+						const auth = security[Number(value.slice(9))]?.auth;
+						if (auth != null) save({
+							...config,
+							auth
+						});
+					} else if (value == "none") save({
+						...config,
+						auth: []
+					});
+					else useAuth(value);
+				},
+				children: [
+					security.map((entry, index) => /* @__PURE__ */ jsxs(NativeSelectOption, {
+						value: `declared:${index}`,
+						disabled: entry.auth == null,
+						children: [entry.auth?.length == 0 ? t("openapi.none") : entry.label, entry.error ? ` (${t("openapi.unsupported")})` : ""]
+					}, index)),
+					!security.some((entry) => entry.auth?.length == 0) && /* @__PURE__ */ jsx(NativeSelectOption, {
+						value: "none",
+						children: t("openapi.none")
+					}),
+					/* @__PURE__ */ jsx(NativeSelectOption, {
+						value: "bearer",
+						children: "Bearer"
+					}),
+					/* @__PURE__ */ jsx(NativeSelectOption, {
+						value: "basic",
+						children: "Basic"
+					}),
+					/* @__PURE__ */ jsx(NativeSelectOption, {
+						value: "apiKey",
+						children: "API Key"
+					})
+				]
+			}) }),
+			manualAuth?.type == "apiKey" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+				htmlFor: "openapi-key-name",
+				children: t("openapi.keyName")
+			}), /* @__PURE__ */ jsx(Input$1, {
+				id: "openapi-key-name",
+				value: keyName,
+				disabled,
+				onChange: (event) => setKeyName(event.target.value),
+				onBlur: () => {
+					if (keyName != manualAuth.name) useAuth("apiKey");
+				}
+			})] }), /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+				htmlFor: "openapi-key-location",
+				children: t("openapi.keyLocation")
+			}), /* @__PURE__ */ jsxs(NativeSelect, {
+				id: "openapi-key-location",
+				className: "w-full",
+				value: keyLocation,
+				disabled,
+				onChange: (event) => useAuth("apiKey", keyName, event.target.value),
+				children: [/* @__PURE__ */ jsx(NativeSelectOption, {
+					value: "header",
+					children: "Header"
+				}), /* @__PURE__ */ jsx(NativeSelectOption, {
+					value: "query",
+					children: "Query"
+				})]
+			})] })] }),
+			credentials?.(onInvalidChange)
+		] })
+	}, JSON.stringify(config.auth))] });
+}
+/** Initial validation can reveal errors; subsequent checks respect manual disclosure. */
+function AuthenticationDisclosure({ title, children }) {
+	const [open, setOpen] = useState(false);
+	const interacted = useRef(false);
+	const onInvalidChange = useCallback((invalid) => {
+		if (invalid && !interacted.current) setOpen(true);
+	}, []);
+	return /* @__PURE__ */ jsxs("details", {
+		className: "inspector-disclosure",
+		"data-inspector-section": "inputs",
+		open,
+		onToggle: (event) => setOpen(event.currentTarget.open),
+		children: [/* @__PURE__ */ jsxs("summary", {
+			onClick: () => {
+				interacted.current = true;
+			},
+			children: [/* @__PURE__ */ jsx(Icon, {
+				name: "chevron-down",
+				size: 14
+			}), /* @__PURE__ */ jsx("span", {
+				className: "inspector-disclosure-summary",
+				children: /* @__PURE__ */ jsx("strong", {
+					className: "inspector-section-title-text",
+					children: title
+				})
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "inspector-disclosure-content node-settings flex flex-col gap-3",
+			children: children(onInvalidChange)
 		})]
 	});
 }
@@ -32652,9 +33147,43 @@ function inspectorIcon(node, target) {
 	if (node?.kind == "approval") return "check";
 	if (node?.kind == "wait") return "wait";
 	if (node?.kind == "subflow" || node == null && target.kind == "subflow") return "subflow";
-	if (node?.kind == "task" && node.definition != null && "executor" in node.definition) return node.definition.executor.kind == "connector" ? "connection" : "llm";
+	if (node?.kind == "task" && node.definition != null && "executor" in node.definition) {
+		if (node.definition.executor.kind == "openapi") return "task";
+		return node.definition.executor.kind == "connector" ? "connection" : "llm";
+	}
 	return "task";
 }
+function nodePurposePlaceholder(selection, t, action, displays) {
+	switch (selection.kind) {
+		case "condition": return t("addNode.conditionDescription");
+		case "value": return t("addNode.valueDescription");
+		case "approval": return t("addNode.approvalDescription");
+		case "wait": return t("addNode.waitDescription");
+		case "subflow": return t("addNode.subflowDescription");
+		case "trigger": {
+			const node = selection.node;
+			switch (node.kind) {
+				case "manual": return t("addNode.manualDescription");
+				case "error": return t("errorWorkflow.description");
+				case "cron": return t("addNode.cronDescription");
+				case "webhook": return t("addNode.webhookDescription");
+				case "integration":
+				case "poll": return displays?.[node.definition.key]?.description ?? node.definition.description;
+			}
+		}
+		case "task": {
+			const definition = selection.definition;
+			if (definition == null) return;
+			if (!("executor" in definition)) return t("addNode.javascriptDescription");
+			switch (definition.executor.kind) {
+				case "agent": return t("addNode.agentDescription");
+				case "openapi": return t("openapi.description");
+				case "connector": return action?.description;
+				case "llm": return t(definition.executor.mode == "json" ? "addNode.llmStructuredDescription" : "addNode.llmChatDescription");
+			}
+		}
+	}
+}
 function inputUpstreamSources({ revision, sourceNodeIcons, target, selection, store, handleName, t, triggerDisplays }) {
 	const graph = revision.graph(target);
 	const mapping = nodeInputMappings(selection.node)[handleName];
@@ -32704,6 +33233,8 @@ function NodeInspector({ variables = {
 	const content = useRef(null);
 	const task = selection?.kind == "task" ? selection.definition : void 0;
 	const isAgent = task != null && "executor" in task && task.executor.kind == "agent";
+	const isOpenApi = task != null && "executor" in task && task.executor.kind == "openapi";
+	const unconfiguredOpenApi = task != null && "executor" in task && task.executor.kind == "openapi" && !task.executor.path;
 	const isLlm = task != null && "executor" in task && task.executor.kind == "llm";
 	const connector = task != null && "executor" in task && task.executor.kind == "connector" ? task.executor : void 0;
 	const taskId = selection?.kind == "task" && selection.node.task == null ? selection.node.taskId : void 0;
@@ -32727,7 +33258,7 @@ function NodeInspector({ variables = {
 		selection?.id,
 		selection?.kind
 	]);
-	const panel = /* @__PURE__ */ jsx(NativeScrollArea, {
+	const panel = /* @__PURE__ */ jsx(ScrollArea, {
 		className: "inspector-scroll",
 		tabIndex: -1,
 		children: /* @__PURE__ */ jsxs("div", {
@@ -32772,6 +33303,7 @@ function NodeInspector({ variables = {
 				}),
 				selection != null && /* @__PURE__ */ jsx(NodeDescription, {
 					value: selection.node.description,
+					placeholder: nodePurposePlaceholder(selection, t, connectorAction, triggerDisplays),
 					disabled,
 					onSave: (description) => {
 						store?.saveNodeDescription(selection.id, description);
@@ -32860,7 +33392,56 @@ function NodeInspector({ variables = {
 						store?.saveTriggerSchedule(selection.id, schedule);
 					}
 				}, `schedule:${selection.id}`),
-				(selection?.kind === "approval" || selection?.kind === "wait" || selection?.kind === "subflow" || selection?.kind === "task") && (() => {
+				isOpenApi && task != null && "executor" in task && /* @__PURE__ */ jsx(OpenApiSection, {
+					task,
+					credentials: (onInvalidChange) => selection?.kind === "task" && task.inputs.filter((port) => "handle" in port && port.handle.startsWith("auth.")).map((definition) => {
+						const mapping = selection.node.inputs[definition.handle];
+						const source = mapping?.kind === "sources" ? mapping.sources.find((item) => item.kind === "binding") : void 0;
+						const binding = source?.kind === "binding" ? revision.binding(source.bindingId) : void 0;
+						return /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: definition.handle.slice(5).replace(/^manual\./, "").replaceAll(".", " · ") }), /* @__PURE__ */ jsx(NodeInputValue, {
+							embedded: true,
+							definition,
+							label: task.executor.kind == "openapi" && task.executor.auth.length == 1 ? definition.handle.split(".").at(-1) : definition.handle.slice(5).replaceAll(".", " · "),
+							presentation: {
+								compact: true,
+								hideOptions: true
+							},
+							onInvalidChange,
+							sourceOnly: true,
+							readOnly,
+							disabled,
+							value: inputValue(mapping, definition.value),
+							connected: mapping?.kind === "sources" && binding?.kind !== "variable",
+							variableName: binding?.kind === "variable" ? binding.target : void 0,
+							upstream: inputUpstreamSources({
+								revision,
+								sourceNodeIcons,
+								target,
+								selection,
+								store,
+								handleName: definition.handle,
+								t,
+								triggerDisplays
+							}),
+							variables,
+							onValue: (value, deletion) => {
+								store?.setInputValue(selection.id, definition.handle, value, deletion);
+							},
+							onVariable: (name) => {
+								store?.setInputVariable(selection.id, definition.handle, name);
+							}
+						})] }, definition.handle);
+					}),
+					disabled,
+					load: (url, signal) => store.loadOpenApiDocument(url, signal),
+					onSave: (before, value) => store?.saveTaskSettings(selection.id, {
+						kind: "openapi",
+						name: task.name,
+						before,
+						task: value
+					}) ?? Promise.resolve(false)
+				}, `openapi:${selection?.id}`),
+				!unconfiguredOpenApi && (selection?.kind === "approval" || selection?.kind === "wait" || selection?.kind === "subflow" || selection?.kind === "task") && (() => {
 					const definitions = selection.kind === "task" ? [...selection.definition?.inputs ?? []] : selection.kind === "subflow" ? [...selection.definition?.inputs ?? []] : [...selection.node.inputDefinitions];
 					const handles = new Set(definitions.flatMap((definition) => "handle" in definition ? [definition.handle] : []));
 					for (const handle of Object.keys(selection.node.inputs)) if (!handles.has(handle) && !(selection.kind === "task" && selection.node.additionalInputs?.some((port) => port.handle === handle))) definitions.push({
@@ -32868,7 +33449,7 @@ function NodeInspector({ variables = {
 						jsonSchema: {},
 						nullable: true
 					});
-					const entries = definitions.map((definition) => {
+					const entries = definitions.filter((definition) => !isOpenApi || !("handle" in definition) || !definition.handle.startsWith("auth.")).map((definition) => {
 						if ("group" in definition) return definition;
 						const mapping = selection.node.inputs[definition.handle];
 						const source = mapping?.kind === "sources" ? mapping.sources.find((item) => item.kind === "binding") : void 0;
@@ -33003,7 +33584,7 @@ function NodeInspector({ variables = {
 						}
 					})
 				}),
-				selection?.kind === "task" && selection.definition != null && /* @__PURE__ */ jsx("section", {
+				!unconfiguredOpenApi && selection?.kind === "task" && selection.definition != null && /* @__PURE__ */ jsx("section", {
 					className: "inspector-port-section",
 					children: /* @__PURE__ */ jsx(PortDefinitionEditor, {
 						readOnly,
@@ -54380,7 +54961,7 @@ function RunLog({ presentation, resultClient, events, eventsExpiresAt, eventNode
 			tabIndex: -1,
 			data: rows,
 			item: RunVirtualItem,
-			ssrCount: Math.min(20, rows.length),
+			ssrCount: typeof window == "undefined" ? Math.min(20, rows.length) : void 0,
 			keepMounted: focusIndex >= 0 ? [focusIndex] : [],
 			onScrollIntent: beginManualScroll,
 			onKeyDown: (event) => {
@@ -54663,16 +55244,6 @@ function InputFields({ store, showErrors, labelledBy }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/runs/runInputPanel.tsx
-function InputGroup({ attempted, group, title, theme }) {
-	return /* @__PURE__ */ jsxs("section", {
-		className: "run-input-group",
-		children: [/* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("strong", { children: title }) }), /* @__PURE__ */ jsx(FlowRunInputEditor, {
-			store: group.editor,
-			theme,
-			showErrors: attempted
-		})]
-	});
-}
 function Form({ onStarted, request, store, theme }) {
 	const t = useTranslate();
 	const valid = useVal(request.valid);
@@ -54706,12 +55277,14 @@ function Form({ onStarted, request, store, theme }) {
 						variant: "destructive",
 						children: [/* @__PURE__ */ jsx(Icon, { name: "alert" }), /* @__PURE__ */ jsx(AlertDescription, { children: t("runInput.invalid") })]
 					}),
-					request.groups.map((group) => /* @__PURE__ */ jsx(InputGroup, {
-						attempted: request.attempted,
-						group,
-						title: group.nodeId == request.triggerId ? t("inspector.ports.outputsTitle") : group.title,
-						theme
-					}, group.nodeId))
+					request.editor && /* @__PURE__ */ jsxs("section", {
+						className: "run-input-group",
+						children: [/* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("strong", { children: t("inspector.ports.outputsTitle") }) }), /* @__PURE__ */ jsx(FlowRunInputEditor, {
+							store: request.editor,
+							theme,
+							showErrors: request.attempted
+						})]
+					})
 				]
 			}),
 			/* @__PURE__ */ jsxs("footer", { children: [/* @__PURE__ */ jsx(Button$1, {
@@ -55961,6 +56534,7 @@ var NodeInspectorContainer = memo(function NodeInspectorContainer({ store, focus
 	const accessState = useVal(store.connectorAccess.$);
 	const connectorAccess = accessState.access;
 	const providerId = connectorAction?.authenticated ? connectorAction.serviceId : void 0;
+	const triggerId = selection?.kind == "trigger" && (selection.trigger.kind == "poll" || selection.trigger.kind == "integration") ? selection.trigger.definition.key : void 0;
 	const triggerProviderId = selection?.kind == "trigger" && (selection.trigger.kind == "poll" || selection.trigger.kind == "integration") ? selection.trigger.definition.provider : void 0;
 	useEffect(() => {
 		if (connectorAccess?.mode == "selectable") {
@@ -55978,7 +56552,7 @@ var NodeInspectorContainer = memo(function NodeInspectorContainer({ store, focus
 		selection,
 		store
 	]);
-	const triggerCandidates = triggerProviderId == null ? void 0 : accessState.candidates[triggerProviderId]?.candidates.filter((candidate) => candidate.permissions == null || candidate.permissions.proxy);
+	const triggerCandidates = triggerProviderId == null ? void 0 : store.connectorAccess.allowedTriggerCandidates(triggerProviderId, triggerId);
 	const allowedCandidates = (providerId == null ? void 0 : accessState.candidates[providerId]?.candidates)?.filter((candidate) => candidate.permissions == null || candidate.permissions.allActions || candidate.permissions.actionIds.includes(connectorAction.actionId));
 	const accessError = providerId != null && connectorAccess?.mode == "selectable" && allowedCandidates?.length == 0 ? t("connectorAccess.noAvailablePermissions") : void 0;
 	const connectorActionError = useVal(store.connectors.$.selectedActionError);