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

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

@@ -1,20 +1,147 @@
 import { i as __require, o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { A as DropdownMenuSub, C as DropdownMenuContent, D as DropdownMenuRadioGroup, E as DropdownMenuLabel, I as useCompositeItem, J as waitBranchDescription, M as DropdownMenuSubTrigger, N as DropdownMenuTrigger, O as DropdownMenuRadioItem, P as isElementDisabled, S as DropdownMenuCheckboxItem, T as DropdownMenuItem, _ as NativeScrollArea, at as Checkbox, b as Z$1, c as useIconifyData, d as PopoverContent, f as PopoverDescription, g as PopoverTrigger, h as PopoverTitle, j as DropdownMenuSubContent, k as DropdownMenuSeparator, m as PopoverPanelContent, o as IconifyProvider, ot as useAriaLabelledBy, p as PopoverHeader, s as useIconifyCollectionLoader, t as ContentIcon, u as Popover, v as ScrollArea, w as DropdownMenuGroup, x as DropdownMenu, y as VirtualScrollArea } from "./ContentIcon-FCpKiwjp.js";
+import { A as DropdownMenuSub, C as DropdownMenuContent, D as DropdownMenuRadioGroup, E as DropdownMenuLabel, I as useCompositeItem, J as waitBranchDescription, M as DropdownMenuSubTrigger, N as DropdownMenuTrigger, O as DropdownMenuRadioItem, P as isElementDisabled, S as DropdownMenuCheckboxItem, T as DropdownMenuItem, _ as NativeScrollArea, at as Checkbox, b as Z$1, c as useIconifyData, d as PopoverContent, f as PopoverDescription, g as PopoverTrigger, h as PopoverTitle, j as DropdownMenuSubContent, k as DropdownMenuSeparator, m as PopoverPanelContent, o as IconifyProvider, ot as useAriaLabelledBy, p as PopoverHeader, s as useIconifyCollectionLoader, t as ContentIcon, u as Popover, v as ScrollArea, w as DropdownMenuGroup, x as DropdownMenu, y as VirtualScrollArea } from "./ContentIcon-VZQO8VZU.js";
 import { i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { c as useLang, l as useTranslate, o as I18nProvider, r as isPlainObject, s as useI18n, u as useVal } from "./dist-BFmpkX4P.js";
-import { $ as useAnchoredPopupScrollLock, $n as listNavigation, A as string, An as ownerDocument, Ar as CompositeRootContext, B as ARROW_LEFT, Bn as useValueChanged, Br as isElement, Cn as activeElement, Cr as useRenderElement, Dn as isFirefox, En as isAndroid, Er as NOOP, F as IndexGuessBehavior, Ft as FloatingFocusManager, G as HORIZONTAL_KEYS, Gn as closePress, H as ARROW_UP, Hn as createGenericEventDetails, Ht as FloatingPortal, I as useCompositeListItem, In as TransitionStatusDataAttributes, Ir as useStableCallback, J as VERTICAL_KEYS, K as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, Kn as escapeKey, L as ALL_KEYS, Ln as transitionStatusMapping, Lr as useRefWithInit, Mr as formatErrorMessage, Nn as useTransitionStatus, Nr as mergeProps, Nt as useDismiss, Or as useMergedRefs, Pn as useOpenChangeComplete, Pr as useIsoLayoutEffect, Pt as useClick, Qn as itemPress, R as ARROW_DOWN, Sn as isInteractiveElement, Sr as clsx, Tn as getTarget, Tr as EMPTY_OBJECT, V as ARROW_RIGHT, Vn as createChangeEventDetails, Wn as clearPress, Wt as DROPDOWN_COLLISION_AVOIDANCE, X as isNativeInput, Xn as inputClear, Xt as useStore, Y as VERTICAL_KEYS_WITH_EXTRA_KEYS, Yn as inputChange, Yt as Store, Z as scrollIntoViewIfNeeded, Zn as inputPress, _n as isIndexOutOfListBounds, _r as useControlled, a as createTooltipHandle, an as useTimeout, bn as stopEvent, br as cn, c as TooltipPositioner, cr as useFormContext, ct as inertValue, d as TooltipRoot, dn as findNonDisabledListIndex, dr as useBaseUiId, dt as popupStateMapping, en as require_builtin_esm_external_require_react, er as none, fn as getGridCellIndexOfCorner, ft as pressableTriggerOpenStateMapping, gn as getMinListIndex, gr as visuallyHiddenInput, gt as useTypeahead, hn as getMaxListIndex, hr as visuallyHidden, i as TooltipTrigger, it as useAnchorPositioning, kr as useButton, l as TooltipPortal, lr as useRegisterFieldControl, lt as getPseudoElementBounds, mn as getGridNavigatedIndex, mr as fieldValidityMapping, mt as useOpenInteractionType, n as TooltipContent, nn as useValueAsRef, nt as getDisabledMountTransitionStyles, o as TooltipArrow, ot as useDirection, p as timeZoneOffsetMinutes, pn as getGridCellIndices, pr as DEFAULT_FIELD_STATE_ATTRIBUTES, pt as triggerOpenStateMapping, q as MODIFIER_KEYS, r as TooltipProvider, rn as useOnFirstRender, rt as InternalBackdrop, s as TooltipPopup, sr as useLabelableContext, st as CompositeList, t as Tooltip, tn as createSelector, tt as usePositioner, u as TooltipTrigger$1, un as createGridCellMap, ur as useFieldRootContext, vn as isListIndexDisabled, vr as Button$1, vt as useListNavigation, wn as contains, wr as EMPTY_ARRAY$1, wt as useFloatingRootContext, xr as cva, yr as buttonVariants, yt as useInteractions, z as ARROW_KEYS } from "./tooltip-wZJRB9oP.js";
-import { $ as waitAutoContinueSchema, $t as useLabelableId, Bt as SelectValue, Ct as webhookMethods, D as nodeErrorSchema, Dt as portsAssignable, E as workflowToolNameIssue, Et as matchesSchema, F as operandHandle, Ft as SelectContent, Gt as stringifyAsValue, Ht as hasNullItemLabel, I as operatorsForType, It as SelectGroup, J as webhookResponseAllowsBody, Jt as findItemIndex, K as webhookHeaderValuePort, Kt as compareItemEquality, Lt as SelectItem, Mt as dequal, Nt as Select$1, O as nodeSystemOutputPorts, Ot as schemaObject, Pt as SelectChevron, Q as workflowOutputsPort, Qt as Input, R as unaryOperator, Rt as SelectSeparator, St as limitDecisionQuestions, Ut as isGroupedItems, Vt as resolveAriaLabelledBy, W as decodeRevisionContent, Wt as stringifyAsLabel, X as webhookResponseTimeout, Xt as selectedValueIncludes, Y as webhookResponseInputs, Yt as removeItem, Z as webhookStatusCodePort, Zt as Label, _t as decisionLimits, at as httpHeaderSchema, b as nodeNameIssue, bt as decisionTask, c as DialogTrigger, d as Field, en as ChevronDown, et as defaultNodeRetry, f as FieldDescription, h as FieldLabel, i as DialogDescription, j as comparisonIssue, k as supportsNodeErrorHandling, kt as variableInputCompatible, l as Icon, lt as httpRequestIssues, m as FieldGroup, nt as retryConfigurationSchema, o as DialogHeader, ot as httpQuerySchema, p as FieldError, pt as httpHeaderNameIssue, q as webhookHeadersPort, qt as defaultItemEquality, r as DialogContent, rt as supportsNodeRetry, s as DialogTitle, t as Dialog, tt as nodeRetryLimits, u as Spinner, ut as httpRequestTask, wt as webhookSupportsBody, xt as defaultDecisionQuestion, yt as decisionQuestionIssues, z as valueType, zt as SelectTrigger } from "./dialog-ZtpsFbl4.js";
-import { C as isSameViewport, S as isMac, _ as CanvasTooltip, a as collapseAllNested, b as toManifestHandleName, c as defaultTriggerIcon, d as selectableTimeZones, f as timeZoneLabel, g as E$1, h as cronDescription, i as JSONViewer, l as useDebouncedValue, m as timeZoneOffset, n as setAddItemId, o as formatDuration, p as timeZoneLongLabel, r as Textarea, s as CanvasNodeIcon, t as FlowCanvas, u as IconStack, v as CanvasStore, x as toManifestNodeId, y as toViewEdge } from "./FlowCanvas-dzRBnlUT.js";
-import { $t as FeishuEventPicker, A as schemaForEditor, An as securityOptions, B as datePickerValue, Bt as InputGroupAddon, Cn as triggerConfigValue, D as defaultValueEditorSchema, Dn as object$1, E as supportsFeishuChatFilter, En as listOperations, F as calendarChange, Fn as workflowAgentTool, Ft as dequal$1, G as indexAddNodeOptions, Gn as controlErrorCode, Gt as EmptyHeader, H as isDateFormat, Ht as Empty, I as calendarDate, It as WorkflowExportMenuItem, Jt as Badge, Kn as eventSourceKind, Kt as EmptyMedia, L as dateFromTimeZone, Ln as workflowCandidateGroup, Lt as IdTooltip, M as getDefaultValue, Mn as serverAddress, N as isUnconstrainedSchema, Nn as servers, O as editorComponent, On as openApiFieldIssues, P as typeOfSchema, Pn as sameWorkflowInterface, Q as resourceValue, Qt as createI18n, R as dateInTimeZone, Rn as workflowCapability, Rt as followWorkbenchLink, T as feishuResourceKind, Tn as inputValue, Ut as EmptyContent, V as dateTimeWall, Vt as InputGroupInput, Wt as EmptyDescription, X as observeResource, Xt as SourceForm, Z as resourceData, Zt as SourceSelect, _t as connectionCatalog, an as decodeResultList, cn as inputSourceCandidates, ct as revisionView, dn as sourceOutputLabel, en as EventSourceSetup, et as designerGraph, fn as sourcePort, gn as isJsonObject, hn as triggerOutputDefinitions, ht as schemaMismatchMessage, it as providerIcon, j as valueForEditor, jn as selectOperation, k as editorGroups, kn as openApiTask, ln as resolutionOutputPorts, mt as diagnosticNodeId, n as agentTool, nt as triggerNodeIcon, ot as canCancelRun, pt as diagnosticMessage, q as mapSource, qt as EmptyTitle, rt as actionSummary, sn as executionReachableNodes, st as hasRunFilter, tn as errorNotice, tt as semanticNodeIcon, un as webhookResponseDiagnostics, wn as triggerConfigValues, z as datePickerChange, zn as workflowSelectionTask, zt as InputGroup } from "./flowChanges-b_5UobFj.js";
+import { Ar as useButton, B as ARROW_KEYS, Cr as clsx, En as getTarget, Er as EMPTY_OBJECT, Fn as useOpenChangeComplete, Fr as useIsoLayoutEffect, Gn as clearPress, H as ARROW_RIGHT, Hn as createChangeEventDetails, J as MODIFIER_KEYS, K as HORIZONTAL_KEYS, L as useCompositeListItem, Ln as TransitionStatusDataAttributes, Lr as useStableCallback, Nr as formatErrorMessage, Pn as useTransitionStatus, Pr as mergeProps, Q as scrollIntoViewIfNeeded, R as ALL_KEYS, Rn as transitionStatusMapping, Sr as cva, Tn as contains, Tr as EMPTY_ARRAY$1, U as ARROW_UP, V as ARROW_LEFT, Vn as useValueChanged, X as VERTICAL_KEYS_WITH_EXTRA_KEYS, Y as VERTICAL_KEYS, Z as isNativeInput, Zt as useStore, _n as getMinListIndex, _r as visuallyHiddenInput, a as createTooltipHandle, br as buttonVariants, c as TooltipPositioner, cr as useLabelableContext, ct as CompositeList, d as TooltipRoot, dn as createGridCellMap, dr as useFieldRootContext, fn as findNonDisabledListIndex, fr as useBaseUiId, gn as getMaxListIndex, gr as visuallyHidden, hn as getGridNavigatedIndex, hr as fieldValidityMapping, i as TooltipTrigger, j as string, jn as ownerDocument, jr as CompositeRootContext, kr as useMergedRefs, l as TooltipPortal, lr as useFormContext, lt as inertValue, mn as getGridCellIndices, mt as triggerOpenStateMapping, n as TooltipContent, o as TooltipArrow, p as timeZoneOffsetMinutes, pn as getGridCellIndexOfCorner, q as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, r as TooltipProvider, s as TooltipPopup, st as useDirection, t as Tooltip, tn as require_builtin_esm_external_require_react, tr as none, u as TooltipTrigger$1, ur as useRegisterFieldControl, vn as isIndexOutOfListBounds, vr as useControlled, wn as activeElement, wr as useRenderElement, xr as cn, yn as isListIndexDisabled, yr as Button$1, z as ARROW_DOWN } from "./tooltip-BAWSUexx.js";
+import { $ as waitAutoContinueSchema, A as comparisonIssue, At as variableInputCompatible, Bt as SelectGroup, Ct as limitDecisionQuestions, D as nodeSystemOutputPorts, Dt as matchesSchema, E as nodeErrorSchema, F as operatorsForType, Ht as SelectSeparator, It as dequal, J as webhookResponseAllowsBody, K as webhookHeaderValuePort, L as unaryOperator, Lt as Select$1, O as supportsNodeErrorHandling, Ot as portsAssignable, P as operandHandle, Q as workflowOutputsPort, R as valueType, Rt as SelectChevron, St as defaultDecisionQuestion, T as workflowToolNameIssue, Tt as webhookSupportsBody, U as decodeRevisionContent, Ut as SelectTrigger, Vt as SelectItem, Wt as SelectValue, X as webhookResponseTimeout, Y as webhookResponseInputs, Z as webhookStatusCodePort, _t as isHttpHost, a as DialogFooter, at as httpHeaderSchema, b as nodeNameIssue, bt as decisionQuestionIssues, c as DialogTrigger, d as Field, et as defaultNodeRetry, f as FieldDescription, h as FieldLabel, i as DialogDescription, in as ChevronDown, kt as schemaObject, l as Icon, lt as httpRequestIssues, m as FieldGroup, nn as Input, nt as retryConfigurationSchema, o as DialogHeader, ot as httpQuerySchema, p as FieldError, pt as httpHeaderNameIssue, q as webhookHeadersPort, r as DialogContent, rn as useLabelableId, rt as supportsNodeRetry, s as DialogTitle, t as Dialog, tn as Label, tt as nodeRetryLimits, u as Spinner, ut as httpRequestTask, vt as decisionLimits, wt as webhookMethods, xt as decisionTask, zt as SelectContent } from "./dialog-BcFBfRB1.js";
+import { C as isMac, S as toManifestNodeId, _ as E$1, a as JSONViewer, b as toViewEdge, c as CanvasNodeIcon, d as IconStack, f as selectableTimeZones, g as cronDescription, h as timeZoneOffset, i as Textarea, l as defaultTriggerIcon, m as timeZoneLongLabel, n as setAddItemId, o as collapseAllNested, p as timeZoneLabel, r as NodeHistoryContext, s as formatDuration, t as FlowCanvas, u as useDebouncedValue, v as CanvasTooltip, w as isSameViewport, x as toManifestHandleName, y as CanvasStore } from "./FlowCanvas-BNGDMaWr.js";
+import { $n as openApiFieldIssues, $t as GroupCollectionProvider, A as schemaForEditor, An as decodeResultList, B as datePickerValue, Bn as triggerOutputDefinitions, Cn as FeishuEventPicker, D as defaultValueEditorSchema, E as supportsFeishuChatFilter, F as calendarChange, Fn as webhookResponseDiagnostics, Ft as dequal$1, G as indexAddNodeOptions, Gt as ValueEditorFeedback, H as isDateFormat, Ht as selectionMenuContentClass, I as calendarDate, In as sourceOutputLabel, It as WorkflowExportMenuItem, Jn as triggerConfigValue, Jt as ComboboxItem, Kt as valueEditor_module_default, L as dateFromTimeZone, Ln as sourcePort, Lt as IdTooltip, M as getDefaultValue, Mn as executionReachableNodes, N as isUnconstrainedSchema, Nn as inputSourceCandidates, O as editorComponent, P as typeOfSchema, Pn as resolutionOutputPorts, Q as resourceValue, Qn as object$1, Qt as ComboboxList, R as dateInTimeZone, Rt as FlowSettingsButton, Sn as createI18n, T as feishuResourceKind, Tn as errorNotice, Ut as selectionMenuItemClass, V as dateTimeWall, Vn as isJsonObject, Wt as ValueControl, X as observeResource, Xn as inputValue, Xt as ComboboxPositioner, Yn as triggerConfigValues, Yt as ComboboxPopup, Z as resourceData, Zn as listOperations, Zt as ComboboxPortal, _n as EmptyTitle, _r as eventSourceKind, _t as connectionCatalog, an as useComboboxInputValueContext, ar as sameWorkflowInterface, bn as SourceForm, cn as followWorkbenchLink, cr as workflowCandidateGroup, ct as revisionView, dn as InputGroupInput, en as ComboboxTrigger, er as openApiTask, et as designerGraph, fn as Empty, gn as EmptyMedia, gr as controlErrorCode, hn as EmptyHeader, ht as schemaMismatchMessage, in as selectors, ir as servers, it as providerIcon, j as valueForEditor, k as editorGroups, ln as InputGroup, lr as workflowCapability, mn as EmptyDescription, mt as diagnosticNodeId, n as agentTool, nn as ComboboxInput, nr as selectOperation, nt as triggerNodeIcon, on as useComboboxRootContext, or as workflowAgentTool, ot as canCancelRun, pn as EmptyContent, pt as diagnosticMessage, q as mapSource, qt as ComboboxItemIndicator, rn as ComboboxRoot, rr as serverAddress, rt as actionSummary, st as hasRunFilter, tn as ComboboxInputGroup, tr as securityOptions, tt as semanticNodeIcon, un as InputGroupAddon, ur as workflowSelectionTask, vn as Badge, wn as EventSourceSetup, xn as SourceSelect, z as datePickerChange } from "./flowChanges-BGo_4Ypo.js";
 import { r as resolveUiLanguage } from "./languages-gYzoQqCi.js";
 import { a as renameObjectField, i as objectValue, n as isJsonValue, o as setObjectField, r as jsonDataTypes, s as valueType$1, t as initialValue } from "./value-BbFQZZ_V.js";
 import { n as compile, r as validate } from "./flowRunInputEditorStore-ys1-w9GW.js";
-import { t as WorkbenchSelect } from "./workbenchSelect-M441Lz0d.js";
+import { t as WorkbenchSelect } from "./workbenchSelect-CjK-xdm3.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";
-import * as ReactDOM from "react-dom";
 import { flushSync } from "react-dom";
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroupContext.js
+var ComboboxGroupContext = /*#__PURE__*/ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ComboboxGroupContext.displayName = "ComboboxGroupContext";
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js
+/**
+* Groups related items with the corresponding label.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
+*/
+var ComboboxGroup = /*#__PURE__*/ React.forwardRef(function ComboboxGroup(componentProps, forwardedRef) {
+	const { render, className, style, items, ...elementProps } = componentProps;
+	const [labelId, setLabelId] = React.useState();
+	const contextValue = React.useMemo(() => ({
+		labelId,
+		setLabelId,
+		items
+	}), [
+		labelId,
+		setLabelId,
+		items
+	]);
+	const element = useRenderElement("div", componentProps, {
+		ref: forwardedRef,
+		props: [{
+			role: "group",
+			"aria-labelledby": labelId
+		}, elementProps]
+	});
+	const wrappedElement = /*#__PURE__*/ jsx(ComboboxGroupContext.Provider, {
+		value: contextValue,
+		children: element
+	});
+	if (items) return /*#__PURE__*/ jsx(GroupCollectionProvider, {
+		items,
+		children: wrappedElement
+	});
+	return wrappedElement;
+});
+if (process.env.NODE_ENV !== "production") ComboboxGroup.displayName = "ComboboxGroup";
+//#endregion
+//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/clear/ComboboxClear.js
+var stateAttributesMapping$2 = {
+	...transitionStatusMapping,
+	...triggerOpenStateMapping
+};
+/**
+* Clears the value when clicked.
+* Renders a `<button>` element.
+*
+* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
+*/
+var ComboboxClear = /*#__PURE__*/ React.forwardRef(function ComboboxClear(componentProps, forwardedRef) {
+	const { render, className, disabled: disabledProp = false, nativeButton = true, keepMounted = false, style, ...elementProps } = componentProps;
+	const { disabled: fieldDisabled } = useFieldRootContext();
+	const store = useComboboxRootContext();
+	const selectionMode = useStore(store, selectors.selectionMode);
+	const comboboxDisabled = useStore(store, selectors.disabled);
+	const readOnly = useStore(store, selectors.readOnly);
+	const open = useStore(store, selectors.open);
+	const selectedValue = useStore(store, selectors.selectedValue);
+	const hasSelectionChips = useStore(store, selectors.hasSelectionChips);
+	const inputValue = useComboboxInputValueContext();
+	let visible = false;
+	if (selectionMode === "none") visible = inputValue !== "";
+	else if (selectionMode === "single") visible = selectedValue != null;
+	else visible = hasSelectionChips;
+	const disabled = fieldDisabled || comboboxDisabled || disabledProp;
+	const { buttonRef, getButtonProps } = useButton({
+		native: nativeButton,
+		disabled
+	});
+	const { mounted, transitionStatus, setMounted } = useTransitionStatus(visible);
+	const state = {
+		disabled,
+		open,
+		transitionStatus
+	};
+	useOpenChangeComplete({
+		open: visible,
+		ref: store.state.clearRef,
+		onComplete() {
+			if (!visible) setMounted(false);
+		}
+	});
+	const element = useRenderElement("button", componentProps, {
+		state,
+		ref: [
+			forwardedRef,
+			buttonRef,
+			store.state.clearRef
+		],
+		props: [
+			{
+				tabIndex: -1,
+				children: "x",
+				onMouseDown(event) {
+					event.preventDefault();
+				},
+				onClick(event) {
+					if (disabled || readOnly) return;
+					const keyboardActiveRef = store.state.keyboardActiveRef;
+					store.state.setInputValue("", createChangeEventDetails(clearPress, event.nativeEvent));
+					if (selectionMode !== "none") {
+						store.state.setSelectedValue(Array.isArray(selectedValue) ? [] : null, createChangeEventDetails(clearPress, event.nativeEvent));
+						store.state.setIndices({
+							activeIndex: null,
+							selectedIndex: null,
+							type: keyboardActiveRef.current ? "keyboard" : "pointer"
+						});
+					} else store.state.setIndices({
+						activeIndex: null,
+						type: keyboardActiveRef.current ? "keyboard" : "pointer"
+					});
+					store.state.inputRef.current?.focus();
+				}
+			},
+			elementProps,
+			getButtonProps
+		],
+		stateAttributesMapping: stateAttributesMapping$2
+	});
+	if (!(keepMounted || mounted)) return null;
+	return element;
+});
+if (process.env.NODE_ENV !== "production") ComboboxClear.displayName = "ComboboxClear";
+//#endregion
 //#region ../../node_modules/.bun/@iconify+utils@3.1.4/node_modules/@iconify/utils/lib/icon/defaults.js
 /** Default values for dimensions */
 var defaultIconDimensions = Object.freeze({
@@ -792,7 +919,7 @@ var TabsPanelDataAttributes = function(TabsPanelDataAttributes) {
 }({});
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/tabs/panel/TabsPanel.js
-var stateAttributesMapping$3 = {
+var stateAttributesMapping$1 = {
 	...tabsStateAttributesMapping,
 	...transitionStatusMapping
 };
@@ -838,7 +965,7 @@ var TabsPanel = /*#__PURE__*/ React.forwardRef(function TabPanel(componentProps,
 			inert: inertValue(!open),
 			[TabsPanelDataAttributes.index]: index
 		}, elementProps],
-		stateAttributesMapping: stateAttributesMapping$3
+		stateAttributesMapping: stateAttributesMapping$1
 	});
 	useOpenChangeComplete({
 		open,
@@ -1302,9 +1429,9 @@ function CommentInspector({ title, content, disabled = false, readOnly, dark, on
 				}),
 				/* @__PURE__ */ jsx(TabsContent, {
 					value: "preview",
-					className: "flex min-h-0 flex-1 flex-col rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-[var(--open-flow-comment-border)] bg-[var(--open-flow-comment-surface)] p-2",
+					className: "flex min-h-0 flex-1 flex-col rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-[var(--_open-flow-comment-border)] bg-[var(--_open-flow-comment-surface)] p-2",
 					children: /* @__PURE__ */ jsx("div", {
-						className: "min-h-0 flex-1 overflow-auto rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-[color-mix(in_srgb,var(--open-flow-comment-border)_45%,transparent)] bg-[var(--open-flow-comment-content)] p-3",
+						className: "min-h-0 flex-1 overflow-auto rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-[color-mix(in_srgb,var(--_open-flow-comment-border)_45%,transparent)] bg-[var(--_open-flow-comment-content)] p-3",
 						children: /* @__PURE__ */ jsx("div", {
 							className: "markdown-body min-w-0",
 							onDoubleClick: () => setSource(true),
@@ -1392,10 +1519,6 @@ function FieldTypeDisplay({ id, label, accessibleLabel, icon, compact = true, ad
 	});
 }
 //#endregion
-//#region src/form/browser/selectionMenuStyles.ts
-var selectionMenuContentClass = "rounded-[calc(var(--ui-control-radius,var(--ui-radius))_+_2px)] p-1";
-var selectionMenuItemClass = "mt-1 first-of-type:mt-0 min-h-7 rounded-[var(--ui-control-radius,var(--ui-radius))] py-1 text-xs leading-5 font-normal";
-//#endregion
 //#region src/form/browser/fieldSelect.tsx
 var fieldSelectTriggerClass = "w-full min-w-0 px-2 text-xs font-normal text-foreground";
 /** The field editor uses the product selection surface instead of the browser menu. */
@@ -2559,6 +2682,7 @@ function fallbackIcon$1(item) {
 		case "agent": return "llm";
 		case "condition": return "condition";
 		case "decision": return "decision";
+		case "dedupe":
 		case "http-request":
 		case "openapi":
 		case "connector":
@@ -5607,80 +5731,343 @@ function FlowNodeList({ nodes, onFocusNode, onSelect, groupTriggers = false }) {
 		})
 	});
 }
-var valueEditor_module_default = {
-	root: "valueEditor_root_4a4f1",
-	errorAnchor: "valueEditor_errorAnchor_4a4f1",
-	body: "valueEditor_body_4a4f1",
-	valueTools: "valueEditor_valueTools_4a4f1",
-	options: "valueEditor_options_4a4f1",
-	toolbar: "valueEditor_toolbar_4a4f1",
-	presence: "valueEditor_presence_4a4f1",
-	actions: "valueEditor_actions_4a4f1",
-	collection: "valueEditor_collection_4a4f1",
-	fieldName: "valueEditor_fieldName_4a4f1",
-	fieldType: "valueEditor_fieldType_4a4f1",
-	json: "valueEditor_json_4a4f1",
-	description: "valueEditor_description_4a4f1",
-	error: "valueEditor_error_4a4f1",
-	summary: "valueEditor_summary_4a4f1",
-	summaryError: "valueEditor_summaryError_4a4f1",
-	srOnly: "valueEditor_srOnly_4a4f1",
-	option: "valueEditor_option_4a4f1",
-	header: "valueEditor_header_4a4f1",
-	leadingControl: "valueEditor_leadingControl_4a4f1",
-	toggleControl: "valueEditor_toggleControl_4a4f1",
-	valueAddon: "valueEditor_valueAddon_4a4f1",
-	summaryText: "valueEditor_summaryText_4a4f1",
-	clearValue: "valueEditor_clearValue_4a4f1",
-	resetValue: "valueEditor_resetValue_4a4f1",
-	unsetValue: "valueEditor_unsetValue_4a4f1",
-	arrayIndex: "valueEditor_arrayIndex_4a4f1",
-	nullValue: "valueEditor_nullValue_4a4f1",
-	nullChip: "valueEditor_nullChip_4a4f1",
-	collectionActions: "valueEditor_collectionActions_4a4f1",
-	emptyObjectContent: "valueEditor_emptyObjectContent_4a4f1",
-	emptyObjectConstraint: "valueEditor_emptyObjectConstraint_4a4f1",
-	jsonCode: "valueEditor_jsonCode_4a4f1",
-	emptyString: "valueEditor_emptyString_4a4f1",
-	booleanControl: "valueEditor_booleanControl_4a4f1",
-	booleanIndicator: "valueEditor_booleanIndicator_4a4f1",
-	objectNotice: "valueEditor_objectNotice_4a4f1",
-	valuePrefix: "valueEditor_valuePrefix_4a4f1"
-};
 //#endregion
-//#region src/form/browser/fieldControl.tsx
-/** Gives custom value controls the same attached validation feedback as built-in editors. */
-function ValueEditorFeedback({ children, error }) {
-	const id = useId();
-	const errorId = error == null ? void 0 : `${id}-error`;
+//#region src/ui/browser/native-select.tsx
+function NativeSelect({ className, size = "default", ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: valueEditor_module_default.errorAnchor,
-		"data-feedback": error != null || void 0,
-		children: [children(errorId), error != null && /* @__PURE__ */ jsx("div", {
-			id: errorId,
-			className: valueEditor_module_default.error,
-			role: "alert",
-			children: error
+		className: cn("group/native-select relative w-fit has-[select:disabled]:opacity-50", className),
+		"data-slot": "native-select-wrapper",
+		"data-size": size,
+		children: [/* @__PURE__ */ jsx("select", {
+			"data-slot": "native-select",
+			"data-size": size,
+			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",
+			"aria-hidden": "true",
+			"data-slot": "native-select-icon"
 		})]
 	});
 }
-/** A custom value control uses the same attached source layout as schema editors. */
-function ValueControl({ addon, children }) {
-	if (addon == null) return children;
+function NativeSelectOption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("option", {
+		"data-slot": "native-select-option",
+		className: cn("bg-[Canvas] text-[CanvasText]", className),
+		...props
+	});
+}
+//#endregion
+//#region src/workbench/browser/runtime/editor/flowStatePanel.tsx
+function FlowStatePanel({ value, nodeIds, busy, onClearValues, onClearSpace, space }) {
+	const t = useTranslate();
+	const count = value.spaces.reduce((total, item) => total + item.count, 0);
+	const spaces = space == null ? value.spaces : value.spaces.filter((item) => typeof space === "string" ? item.space === space : space.includes(item.space));
 	return /* @__PURE__ */ jsxs("div", {
-		className: valueEditor_module_default.root,
-		"data-inline": true,
-		"data-value-addon": addon != null || void 0,
-		children: [addon != null && /* @__PURE__ */ jsx("div", {
-			className: valueEditor_module_default.valueAddon,
-			"data-value-addon-control": true,
-			children: addon
-		}), /* @__PURE__ */ jsx("div", {
-			className: valueEditor_module_default.body,
-			children
+		className: "flex flex-col gap-4",
+		children: [space == null && /* @__PURE__ */ jsxs("section", {
+			className: "flex flex-col gap-2",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-3",
+					children: [
+						/* @__PURE__ */ jsx("h3", {
+							className: "m-0 min-w-0 flex-1 text-sm font-medium",
+							children: t("flowState.values")
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "text-xs text-muted-foreground",
+							children: t("flowState.entries", {
+								count: value.values.length.toLocaleString(),
+								limit: value.limits.maxValues.toLocaleString()
+							})
+						}),
+						value.values.length > 0 && /* @__PURE__ */ jsx(Button$1, {
+							variant: "outline",
+							size: "sm",
+							disabled: busy,
+							onClick: () => onClearValues(),
+							children: t("flowState.clearAll")
+						})
+					]
+				}),
+				!value.values.length && /* @__PURE__ */ jsx("p", {
+					className: "m-0 text-sm text-muted-foreground",
+					children: t("flowState.emptyValues")
+				}),
+				value.values.map((item) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start justify-between gap-3 border-b border-border/60 py-2",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "m-0 break-all font-medium",
+							children: item.key
+						}), item.value !== void 0 && /* @__PURE__ */ jsx("pre", {
+							className: "max-h-40 overflow-auto whitespace-pre-wrap break-all text-xs",
+							children: JSON.stringify(item.value, null, 2)
+						})]
+					}), /* @__PURE__ */ jsx(Button$1, {
+						variant: "outline",
+						size: "sm",
+						disabled: busy,
+						onClick: () => onClearValues(item.key),
+						children: t("flowState.delete")
+					})]
+				}, item.key))
+			]
+		}), /* @__PURE__ */ jsxs("section", {
+			className: "flex flex-col gap-2",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-3",
+					children: [/* @__PURE__ */ jsx("h3", {
+						className: "m-0 text-sm font-medium",
+						children: t("flowState.spaces")
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-xs text-muted-foreground",
+						children: t("flowState.entries", {
+							count: count.toLocaleString(),
+							limit: value.limits.maxIdentities.toLocaleString()
+						})
+					})]
+				}),
+				count >= value.limits.maxIdentities * .8 && /* @__PURE__ */ jsx("p", {
+					role: "status",
+					className: "m-0 text-destructive text-xs",
+					children: t("flowState.nearLimit")
+				}),
+				!spaces.length && /* @__PURE__ */ jsx("p", {
+					className: "m-0 text-sm text-muted-foreground",
+					children: t("flowState.emptySpaces")
+				}),
+				spaces.map((item) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start justify-between gap-3 border-b border-border/60 py-2",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ jsxs("p", {
+							className: "m-0 break-all font-medium",
+							children: [
+								item.space,
+								" ",
+								item.space.startsWith("node:") && !nodeIds.includes(item.space.slice(5)) && /* @__PURE__ */ jsxs("span", {
+									className: "text-muted-foreground",
+									children: [
+										"(",
+										t("flowState.orphaned"),
+										")"
+									]
+								})
+							]
+						}), /* @__PURE__ */ jsx("p", {
+							className: "m-0 text-xs",
+							children: item.mode === "new" ? t("flowState.records", { count: item.count.toLocaleString() }) : `${t("flowState.watermark")}: ${item.watermark ?? "-"}`
+						})]
+					}), /* @__PURE__ */ jsx(Button$1, {
+						variant: "outline",
+						size: "sm",
+						disabled: busy,
+						onClick: () => onClearSpace(item.space),
+						children: t("flowState.clear")
+					})]
+				}, item.space))
+			]
 		})]
 	});
 }
+function FlowStateButton({ client, flowId, nodeIds, history, onClose }) {
+	const t = useTranslate();
+	const [container, setContainer] = useState(null);
+	const portal = useCallback((element) => {
+		setContainer(element?.closest(".open-flow-workbench") ?? element?.closest(".open-flow-theme") ?? null);
+	}, []);
+	const [open, setOpen] = useState(onClose != null);
+	const [scope, setScope] = useState("draft");
+	const space = history?.space;
+	const [values, setValues] = useState(false);
+	const [data, setData] = useState();
+	const [error, setError] = useState();
+	const [busy, setBusy] = useState(false);
+	const [refresh, setRefresh] = useState(0);
+	const [confirm, setConfirm] = useState();
+	useEffect(() => {
+		if (!open && space == null) return;
+		let active = true;
+		setData(void 0);
+		setError(void 0);
+		client.getFlowState(flowId, scope, values).then((result) => {
+			if (active) setData(result);
+		}, (reason) => {
+			if (active) setError(String(reason));
+		});
+		return () => {
+			active = false;
+		};
+	}, [
+		client,
+		flowId,
+		scope,
+		values,
+		refresh,
+		open,
+		space
+	]);
+	const clear = async (target) => {
+		setBusy(true);
+		setError(void 0);
+		try {
+			if (target.space != null) await client.clearFlowDedupe(flowId, scope, target.space);
+			else await client.clearFlowState(flowId, scope, target.key);
+			setConfirm(void 0);
+			setRefresh((value) => value + 1);
+		} catch (reason) {
+			setError(String(reason));
+		} finally {
+			setBusy(false);
+		}
+	};
+	const request = (target) => scope === "live" ? setConfirm(target) : void clear(target);
+	return /* @__PURE__ */ jsx("span", {
+		className: "contents",
+		ref: portal,
+		children: /* @__PURE__ */ jsxs(Dialog, {
+			open,
+			onOpenChange: (next) => {
+				if (!busy) {
+					setOpen(next);
+					if (!next) onClose?.();
+					setConfirm(void 0);
+				}
+			},
+			children: [onClose == null && /* @__PURE__ */ jsxs(DialogTrigger, {
+				render: /* @__PURE__ */ jsx(Button$1, {
+					variant: space != null && data != null && data.spaces.reduce((total, item) => total + item.count, 0) >= data.limits.maxIdentities * .8 ? "destructive" : "ghost",
+					size: "sm"
+				}),
+				children: [/* @__PURE__ */ jsx("i", {
+					"aria-hidden": "true",
+					className: "i-lucide-light:database"
+				}), t(space == null ? "flowState.title" : "flowState.history")]
+			}), /* @__PURE__ */ jsxs(DialogContent, {
+				container,
+				className: "max-h-[80vh] overflow-auto",
+				closeLabel: t("common.close"),
+				children: [
+					/* @__PURE__ */ jsx(DialogTitle, { children: t("flowState.title") }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center gap-3",
+						children: [
+							/* @__PURE__ */ jsxs(NativeSelect, {
+								"aria-label": t("flowState.scope"),
+								value: scope,
+								disabled: busy,
+								onChange: (event) => {
+									setScope(event.target.value);
+									setConfirm(void 0);
+								},
+								children: [/* @__PURE__ */ jsx(NativeSelectOption, {
+									value: "draft",
+									children: t("flowState.draft")
+								}), /* @__PURE__ */ jsx(NativeSelectOption, {
+									value: "live",
+									children: t("flowState.live")
+								})]
+							}),
+							space == null && (values || (data?.values.length ?? 0) > 0) && /* @__PURE__ */ jsxs(Label, {
+								className: "flex items-center gap-2 text-sm",
+								children: [/* @__PURE__ */ jsx(Checkbox, {
+									checked: values,
+									onCheckedChange: setValues
+								}), t("flowState.showValues")]
+							}),
+							/* @__PURE__ */ jsx(Button$1, {
+								variant: "outline",
+								size: "sm",
+								disabled: busy,
+								onClick: () => setRefresh((value) => value + 1),
+								children: t("flowState.refresh")
+							}),
+							/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+								render: /* @__PURE__ */ jsx(Button$1, {
+									variant: "ghost",
+									size: "xs",
+									className: "ml-auto text-muted-foreground"
+								}),
+								children: t("flowState.rules")
+							}), /* @__PURE__ */ jsx(TooltipContent, {
+								container,
+								className: "max-w-xs",
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "flex flex-col gap-2",
+									children: [
+										/* @__PURE__ */ jsx("p", {
+											className: "m-0",
+											children: t("flowState.isolation")
+										}),
+										/* @__PURE__ */ jsx("p", {
+											className: "m-0",
+											children: t("flowState.retention")
+										}),
+										data != null && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
+											className: "m-0",
+											children: t("flowState.valueLimit", { size: data.limits.maxValueBytes.toLocaleString() })
+										}), /* @__PURE__ */ jsx("p", {
+											className: "m-0",
+											children: t("flowState.sharedLimit", {
+												count: data.spaces.length,
+												limit: data.limits.maxSpaces
+											})
+										})] })
+									]
+								})
+							})] })
+						]
+					}),
+					error && /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "text-destructive",
+						children: error
+					}),
+					confirm && /* @__PURE__ */ jsxs("div", {
+						role: "alert",
+						className: "flex flex-col gap-2 rounded border border-border p-3",
+						children: [
+							/* @__PURE__ */ jsx("p", { children: t("flowState.confirmLive") }),
+							/* @__PURE__ */ jsx("p", {
+								className: "break-all",
+								children: confirm.space ?? confirm.key ?? t("flowState.values")
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ jsx(Button$1, {
+									disabled: busy,
+									variant: "destructive",
+									onClick: () => void clear(confirm),
+									children: t("flowState.clear")
+								}), /* @__PURE__ */ jsx(Button$1, {
+									disabled: busy,
+									variant: "outline",
+									onClick: () => setConfirm(void 0),
+									children: t("flowState.cancel")
+								})]
+							})
+						]
+					}),
+					data == null ? /* @__PURE__ */ jsx("p", {
+						role: "status",
+						children: error == null ? t("flowState.loading") : ""
+					}) : /* @__PURE__ */ jsx(FlowStatePanel, {
+						value: data,
+						space: scope === "live" && history != null ? ["flow", `node:${history.nodeId}`] : space,
+						nodeIds,
+						busy,
+						onClearValues: (key) => request({ key }),
+						onClearSpace: (targetSpace) => request({ space: targetSpace })
+					})
+				]
+			})]
+		})
+	});
+}
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/switch/root/SwitchRootContext.js
 var SwitchRootContext = /*#__PURE__*/ React.createContext(void 0);
@@ -5741,7 +6128,7 @@ var SwitchRootDataAttributes = /*#__PURE__*/ function(SwitchRootDataAttributes)
 }({});
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/switch/stateAttributesMapping.js
-var stateAttributesMapping$2 = {
+var stateAttributesMapping = {
 	...fieldValidityMapping,
 	checked(value) {
 		if (value) return { [SwitchRootDataAttributes.checked]: "" };
@@ -5895,7 +6282,7 @@ var SwitchRoot = /*#__PURE__*/ React.forwardRef(function SwitchRoot(componentPro
 			elementProps,
 			getButtonProps
 		],
-		stateAttributesMapping: stateAttributesMapping$2
+		stateAttributesMapping
 	});
 	return /*#__PURE__*/ jsxs(SwitchRootContext.Provider, {
 		value: state,
@@ -5934,7 +6321,7 @@ var SwitchThumb = /*#__PURE__*/ React.forwardRef(function SwitchThumb(componentP
 	return useRenderElement("span", componentProps, {
 		state: extendedState,
 		ref: forwardedRef,
-		stateAttributesMapping: stateAttributesMapping$2,
+		stateAttributesMapping,
 		props: elementProps
 	});
 });
@@ -6386,2185 +6773,6 @@ function WorkflowCandidateName({ item }) {
 	})] });
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/root/ComboboxRootContext.js
-var ComboboxRootContext = /*#__PURE__*/ React.createContext(void 0);
-if (process.env.NODE_ENV !== "production") ComboboxRootContext.displayName = "ComboboxRootContext";
-var ComboboxFloatingContext = /*#__PURE__*/ React.createContext(void 0);
-if (process.env.NODE_ENV !== "production") ComboboxFloatingContext.displayName = "ComboboxFloatingContext";
-var ComboboxDerivedItemsContext = /*#__PURE__*/ React.createContext(void 0);
-if (process.env.NODE_ENV !== "production") ComboboxDerivedItemsContext.displayName = "ComboboxDerivedItemsContext";
-var ComboboxInputValueContext = /*#__PURE__*/ React.createContext("");
-if (process.env.NODE_ENV !== "production") ComboboxInputValueContext.displayName = "ComboboxInputValueContext";
-function useComboboxRootContext() {
-	const context = React.useContext(ComboboxRootContext);
-	if (!context) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxRootContext is missing. Combobox parts must be placed within <Combobox.Root>." : formatErrorMessage(22));
-	return context;
-}
-function useComboboxFloatingContext() {
-	const context = React.useContext(ComboboxFloatingContext);
-	if (!context) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxFloatingContext is missing. Combobox parts must be placed within <Combobox.Root>." : formatErrorMessage(23));
-	return context;
-}
-function useComboboxDerivedItemsContext() {
-	const context = React.useContext(ComboboxDerivedItemsContext);
-	if (!context) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxItemsContext is missing. Combobox parts must be placed within <Combobox.Root>." : formatErrorMessage(24));
-	return context;
-}
-function useComboboxInputValueContext() {
-	return React.useContext(ComboboxInputValueContext);
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/store.js
-var selectors = {
-	id: createSelector((state) => state.id),
-	labelId: createSelector((state) => state.labelId),
-	items: createSelector((state) => state.items),
-	selectedValue: createSelector((state) => state.selectedValue),
-	hasSelectionChips: createSelector((state) => {
-		const selectedValue = state.selectedValue;
-		return Array.isArray(selectedValue) && selectedValue.length > 0;
-	}),
-	hasSelectedValue: createSelector((state) => {
-		const { selectedValue, selectionMode } = state;
-		if (selectedValue == null) return false;
-		if (selectionMode === "multiple" && Array.isArray(selectedValue)) return selectedValue.length > 0;
-		return true;
-	}),
-	hasNullItemLabel: createSelector((state, enabled) => {
-		return enabled ? hasNullItemLabel(state.items) : false;
-	}),
-	open: createSelector((state) => state.open),
-	mounted: createSelector((state) => state.mounted),
-	forceMounted: createSelector((state) => state.forceMounted),
-	inline: createSelector((state) => state.inline),
-	activeIndex: createSelector((state) => state.activeIndex),
-	selectedIndex: createSelector((state) => state.selectedIndex),
-	isActive: createSelector((state, index) => state.activeIndex === index),
-	isSelected: createSelector((state, itemValue) => {
-		const comparer = state.isItemEqualToValue;
-		const selectedValue = state.selectedValue;
-		if (Array.isArray(selectedValue)) return selectedValue.some((selectedItem) => compareItemEquality(itemValue, selectedItem, comparer));
-		return compareItemEquality(itemValue, selectedValue, comparer);
-	}),
-	transitionStatus: createSelector((state) => state.transitionStatus),
-	popupProps: createSelector((state) => state.popupProps),
-	inputProps: createSelector((state) => state.inputProps),
-	triggerProps: createSelector((state) => state.triggerProps),
-	getItemProps: createSelector((state) => state.getItemProps),
-	positionerElement: createSelector((state) => state.positionerElement),
-	listElement: createSelector((state) => state.listElement),
-	triggerElement: createSelector((state) => state.triggerElement),
-	inputElement: createSelector((state) => state.inputElement),
-	inputGroupElement: createSelector((state) => state.inputGroupElement),
-	popupSide: createSelector((state) => state.popupSide),
-	openMethod: createSelector((state) => state.openMethod),
-	inputInsidePopup: createSelector((state) => state.inputInsidePopup),
-	selectionMode: createSelector((state) => state.selectionMode),
-	name: createSelector((state) => state.name),
-	form: createSelector((state) => state.form),
-	disabled: createSelector((state) => state.disabled),
-	readOnly: createSelector((state) => state.readOnly),
-	required: createSelector((state) => state.required),
-	grid: createSelector((state) => state.grid),
-	virtualized: createSelector((state) => state.virtualized),
-	itemToStringLabel: createSelector((state) => state.itemToStringLabel),
-	isItemEqualToValue: createSelector((state) => state.isItemEqualToValue),
-	modal: createSelector((state) => state.modal),
-	autoHighlight: createSelector((state) => state.autoHighlight),
-	submitOnItemClick: createSelector((state) => state.submitOnItemClick)
-};
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/root/utils/index.js
-/**
-* Enhanced filter using Intl.Collator for more robust string matching.
-* Uses the provided `itemToStringLabel` function if available, otherwise falls back to:
-* • When `item` is an object with a `value` property, that property is used.
-* • When `item` is a primitive (e.g. `string`), it is used directly.
-*/
-function createCollatorItemFilter(collatorFilter, itemToStringLabel) {
-	return (item, query) => {
-		if (item == null) return false;
-		const itemString = stringifyAsLabel(item, itemToStringLabel);
-		return collatorFilter.contains(itemString, query);
-	};
-}
-/**
-* Enhanced filter for single selection mode using Intl.Collator that shows all items
-* when query is empty or matches the current selection, making it easier to browse options.
-*/
-function createSingleSelectionCollatorFilter(collatorFilter, itemToStringLabel, selectedValue) {
-	return (item, query) => {
-		if (item == null) return false;
-		if (!query) return true;
-		const itemString = stringifyAsLabel(item, itemToStringLabel);
-		const selectedString = selectedValue != null ? stringifyAsLabel(selectedValue, itemToStringLabel) : "";
-		if (selectedString && collatorFilter.contains(selectedString, query) && selectedString.length === query.length) return true;
-		return collatorFilter.contains(itemString, query);
-	};
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/filter.js
-var filterCache = /* @__PURE__ */ new Map();
-function getFilter(options = {}) {
-	const mergedOptions = {
-		usage: "search",
-		sensitivity: "base",
-		ignorePunctuation: true,
-		...options
-	};
-	const cacheKey = `${stringifyLocale(options.locale)}|${JSON.stringify(mergedOptions)}`;
-	const cachedFilter = filterCache.get(cacheKey);
-	if (cachedFilter) return cachedFilter;
-	const collator = new Intl.Collator(options.locale, mergedOptions);
-	const filter = {
-		contains(item, query, itemToString) {
-			if (!query) return true;
-			const itemString = stringifyAsLabel(item, itemToString);
-			for (let i = 0; i <= itemString.length - query.length; i += 1) if (collator.compare(itemString.slice(i, i + query.length), query) === 0) return true;
-			return false;
-		},
-		startsWith(item, query, itemToString) {
-			if (!query) return true;
-			const itemString = stringifyAsLabel(item, itemToString);
-			return collator.compare(itemString.slice(0, query.length), query) === 0;
-		},
-		endsWith(item, query, itemToString) {
-			if (!query) return true;
-			const itemString = stringifyAsLabel(item, itemToString);
-			const queryLength = query.length;
-			return itemString.length >= queryLength && collator.compare(itemString.slice(itemString.length - queryLength), query) === 0;
-		}
-	};
-	filterCache.set(cacheKey, filter);
-	return filter;
-}
-function stringifyLocale(locale) {
-	if (Array.isArray(locale)) return locale.map((value) => stringifyLocale(value)).join(",");
-	if (locale == null) return "";
-	return String(locale);
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/root/utils/useFilter.js
-/**
-* Matches items against a query using `Intl.Collator` for robust string matching.
-*/
-var useCoreFilter = getFilter;
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/root/utils/constants.js
-var NO_ACTIVE_VALUE = Symbol("none");
-var INITIAL_LAST_HIGHLIGHT = {
-	value: NO_ACTIVE_VALUE,
-	index: -1
-};
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/root/AriaCombobox.js
-/**
-* @internal
-*/
-function AriaCombobox(props) {
-	const { id: idProp, onOpenChangeComplete: onOpenChangeCompleteProp, defaultSelectedValue = null, selectedValue: selectedValueProp, onSelectedValueChange, defaultInputValue: defaultInputValueProp, inputValue: inputValueProp, open: openProp, defaultOpen = false, selectionMode = "none", onItemHighlighted: onItemHighlightedProp, name: nameProp, form, disabled: disabledProp = false, readOnly = false, required = false, inputRef: inputRefProp, grid = false, items, filteredItems: filteredItemsProp, filter: filterProp, openOnInputClick = true, autoHighlight = false, keepHighlight = false, highlightItemOnHover = true, loopFocus = true, itemToStringLabel, itemToStringValue, isItemEqualToValue = defaultItemEquality, virtualized = false, inline: inlineProp = false, fillInputOnItemPress = true, modal = false, limit = -1, autoComplete = "list", formAutoComplete, locale, submitOnItemClick = false } = props;
-	const { clearErrors } = useFormContext();
-	const { setDirty, validityData, shouldValidateOnChange, setFilled, name: fieldName, disabled: fieldDisabled, setTouched, setFocused, validationMode, validation } = useFieldRootContext();
-	const id = useLabelableId({ id: idProp });
-	const collatorFilter = useCoreFilter({ locale });
-	const [queryChangedAfterOpen, setQueryChangedAfterOpen] = React.useState(false);
-	const [closeQuery, setCloseQuery] = React.useState(null);
-	const listRef = React.useRef([]);
-	const labelsRef = React.useRef([]);
-	const popupRef = React.useRef(null);
-	const inputRef = React.useRef(null);
-	const startDismissRef = React.useRef(null);
-	const endDismissRef = React.useRef(null);
-	const emptyRef = React.useRef(null);
-	const keyboardActiveRef = React.useRef(true);
-	const hadInputClearRef = React.useRef(false);
-	const chipsContainerRef = React.useRef(null);
-	const clearRef = React.useRef(null);
-	const selectionEventRef = React.useRef(null);
-	const lastHighlightRef = React.useRef(INITIAL_LAST_HIGHLIGHT);
-	const pendingQueryHighlightRef = React.useRef(null);
-	/**
-	* Contains the currently visible list of item values post-filtering.
-	*/
-	const valuesRef = React.useRef([]);
-	/**
-	* Contains all item values in a stable, unfiltered order.
-	* This is only used when `items` prop is not provided.
-	* It accumulates values on first mount and does not remove them on unmount due to
-	* filtering, providing a stable index for selected value tracking.
-	*/
-	const allValuesRef = React.useRef([]);
-	const disabled = fieldDisabled || disabledProp;
-	const name = fieldName ?? nameProp;
-	const multiple = selectionMode === "multiple";
-	const single = selectionMode === "single";
-	const hasInputValue = inputValueProp !== void 0 || defaultInputValueProp !== void 0;
-	const hasItems = items !== void 0;
-	const hasFilteredItemsProp = filteredItemsProp !== void 0;
-	let autoHighlightMode;
-	if (autoHighlight === "always") autoHighlightMode = "always";
-	else autoHighlightMode = autoHighlight ? "input-change" : false;
-	const [selectedValue, setSelectedValueUnwrapped] = useControlled({
-		controlled: selectedValueProp,
-		default: multiple ? defaultSelectedValue ?? EMPTY_ARRAY$1 : defaultSelectedValue,
-		name: "Combobox",
-		state: "selectedValue"
-	});
-	const filter = React.useMemo(() => {
-		if (filterProp === null) return () => true;
-		if (filterProp !== void 0) return filterProp;
-		if (single && !queryChangedAfterOpen) return createSingleSelectionCollatorFilter(collatorFilter, itemToStringLabel, selectedValue);
-		return createCollatorItemFilter(collatorFilter, itemToStringLabel);
-	}, [
-		filterProp,
-		single,
-		selectedValue,
-		queryChangedAfterOpen,
-		collatorFilter,
-		itemToStringLabel
-	]);
-	const initialDefaultInputValue = useRefWithInit(() => {
-		if (hasInputValue) return defaultInputValueProp ?? "";
-		if (single) return stringifyAsLabel(selectedValue, itemToStringLabel);
-		return "";
-	}).current;
-	const [inputValue, setInputValueUnwrapped] = useControlled({
-		controlled: inputValueProp,
-		default: initialDefaultInputValue,
-		name: "Combobox",
-		state: "inputValue"
-	});
-	const [open, setOpenUnwrapped] = useControlled({
-		controlled: openProp,
-		default: defaultOpen,
-		name: "Combobox",
-		state: "open"
-	});
-	const isGrouped = isGroupedItems(items);
-	const query = closeQuery ?? (inputValue === "" ? "" : String(inputValue).trim());
-	const selectedLabelString = single ? stringifyAsLabel(selectedValue, itemToStringLabel) : "";
-	const shouldBypassFiltering = single && !queryChangedAfterOpen && query !== "" && selectedLabelString !== "" && selectedLabelString.length === query.length && collatorFilter.contains(selectedLabelString, query);
-	const filterQuery = shouldBypassFiltering ? "" : query;
-	const shouldIgnoreExternalFiltering = hasItems && hasFilteredItemsProp && shouldBypassFiltering;
-	const flatItems = React.useMemo(() => {
-		if (!items) return EMPTY_ARRAY$1;
-		if (isGrouped) return items.flatMap((group) => group.items);
-		return items;
-	}, [items, isGrouped]);
-	const filteredItems = React.useMemo(() => {
-		if (filteredItemsProp && !shouldIgnoreExternalFiltering) return filteredItemsProp;
-		if (!items) return EMPTY_ARRAY$1;
-		if (isGrouped) {
-			const groupedItems = items;
-			const resultingGroups = [];
-			let currentCount = 0;
-			for (const group of groupedItems) {
-				if (limit > -1 && currentCount >= limit) break;
-				const candidateItems = filterQuery === "" ? group.items : group.items.filter((item) => filter(item, filterQuery, itemToStringLabel));
-				if (candidateItems.length === 0) continue;
-				const remainingLimit = limit > -1 ? limit - currentCount : Infinity;
-				const itemsToTake = candidateItems.slice(0, remainingLimit);
-				if (itemsToTake.length > 0) {
-					const newGroup = {
-						...group,
-						items: itemsToTake
-					};
-					resultingGroups.push(newGroup);
-					currentCount += itemsToTake.length;
-				}
-			}
-			return resultingGroups;
-		}
-		if (filterQuery === "") return limit > -1 ? flatItems.slice(0, limit) : flatItems;
-		const limitedItems = [];
-		for (const item of flatItems) {
-			if (limit > -1 && limitedItems.length >= limit) break;
-			if (filter(item, filterQuery, itemToStringLabel)) limitedItems.push(item);
-		}
-		return limitedItems;
-	}, [
-		filteredItemsProp,
-		shouldIgnoreExternalFiltering,
-		items,
-		isGrouped,
-		filterQuery,
-		limit,
-		filter,
-		itemToStringLabel,
-		flatItems
-	]);
-	const flatFilteredItems = React.useMemo(() => {
-		if (isGrouped) return filteredItems.flatMap((g) => g.items);
-		return filteredItems;
-	}, [filteredItems, isGrouped]);
-	const store = useRefWithInit(() => new Store({
-		id,
-		labelId: void 0,
-		selectedValue,
-		open,
-		filter,
-		query,
-		items,
-		selectionMode,
-		listRef,
-		labelsRef,
-		popupRef,
-		emptyRef,
-		inputRef,
-		startDismissRef,
-		endDismissRef,
-		keyboardActiveRef,
-		chipsContainerRef,
-		clearRef,
-		valuesRef,
-		allValuesRef,
-		selectionEventRef,
-		name,
-		form,
-		disabled,
-		readOnly,
-		required,
-		grid,
-		isGrouped,
-		virtualized,
-		openOnInputClick,
-		itemToStringLabel,
-		isItemEqualToValue,
-		modal,
-		autoHighlight: autoHighlightMode,
-		submitOnItemClick,
-		hasInputValue,
-		mounted: false,
-		forceMounted: false,
-		transitionStatus: "idle",
-		inline: inlineProp,
-		activeIndex: null,
-		selectedIndex: null,
-		popupProps: {},
-		inputProps: {},
-		triggerProps: {},
-		positionerElement: null,
-		listElement: null,
-		triggerElement: null,
-		inputElement: null,
-		inputGroupElement: null,
-		popupSide: null,
-		openMethod: null,
-		inputInsidePopup: true,
-		onOpenChangeComplete: onOpenChangeCompleteProp || NOOP,
-		setOpen: NOOP,
-		setInputValue: NOOP,
-		setSelectedValue: NOOP,
-		setIndices: NOOP,
-		onItemHighlighted: NOOP,
-		handleSelection: NOOP,
-		getItemProps: () => EMPTY_OBJECT,
-		forceMount: NOOP,
-		requestSubmit: NOOP
-	})).current;
-	const fieldRawValue = selectionMode === "none" ? inputValue : selectedValue;
-	const fieldStringValue = React.useMemo(() => {
-		if (selectionMode === "none") return fieldRawValue;
-		if (Array.isArray(selectedValue)) return selectedValue.map((value) => stringifyAsValue(value, itemToStringValue));
-		return stringifyAsValue(selectedValue, itemToStringValue);
-	}, [
-		fieldRawValue,
-		itemToStringValue,
-		selectionMode,
-		selectedValue
-	]);
-	const onItemHighlighted = useStableCallback(onItemHighlightedProp);
-	const onOpenChangeComplete = useStableCallback(onOpenChangeCompleteProp);
-	const activeIndex = useStore(store, selectors.activeIndex);
-	const selectedIndex = useStore(store, selectors.selectedIndex);
-	const positionerElement = useStore(store, selectors.positionerElement);
-	const listElement = useStore(store, selectors.listElement);
-	const triggerElement = useStore(store, selectors.triggerElement);
-	const inputElement = useStore(store, selectors.inputElement);
-	const inputGroupElement = useStore(store, selectors.inputGroupElement);
-	const inline = useStore(store, selectors.inline);
-	const inputInsidePopup = useStore(store, selectors.inputInsidePopup);
-	const triggerRef = useValueAsRef(triggerElement);
-	const { mounted, setMounted, transitionStatus } = useTransitionStatus(open);
-	const { openMethod, triggerProps } = useOpenInteractionType(open);
-	const getFieldValue = useStableCallback(() => fieldStringValue);
-	useRegisterFieldControl(inputInsidePopup ? triggerRef : inputRef, {
-		id,
-		value: fieldRawValue,
-		getValue: getFieldValue
-	});
-	const forceMount = useStableCallback(() => {
-		if (items) labelsRef.current = flatFilteredItems.map((item) => stringifyAsLabel(item, itemToStringLabel));
-		else store.set("forceMounted", true);
-	});
-	const initialSelectedValueRef = React.useRef(selectedValue);
-	useIsoLayoutEffect(() => {
-		if (selectedValue !== initialSelectedValueRef.current) forceMount();
-	}, [forceMount, selectedValue]);
-	const setIndices = useStableCallback((options) => {
-		store.update(options);
-		const type = options.type || "none";
-		if (options.activeIndex === void 0) return;
-		if (options.activeIndex === null) {
-			if (lastHighlightRef.current !== INITIAL_LAST_HIGHLIGHT) {
-				lastHighlightRef.current = INITIAL_LAST_HIGHLIGHT;
-				onItemHighlighted(void 0, createGenericEventDetails(type, void 0, { index: -1 }));
-			}
-		} else {
-			const activeValue = valuesRef.current[options.activeIndex];
-			lastHighlightRef.current = {
-				value: activeValue,
-				index: options.activeIndex
-			};
-			onItemHighlighted(activeValue, createGenericEventDetails(type, void 0, { index: options.activeIndex }));
-		}
-	});
-	const setInputValue = useStableCallback((next, eventDetails) => {
-		hadInputClearRef.current = eventDetails.reason === inputClear;
-		props.onInputValueChange?.(next, eventDetails);
-		if (eventDetails.isCanceled) return;
-		if (eventDetails.reason === "input-change") {
-			const event = eventDetails.event;
-			const inputType = event.inputType;
-			if (event.type === "compositionend" || inputType != null && inputType !== "" && inputType !== "insertReplacementText") {
-				const hasQuery = next.trim() !== "";
-				if (hasQuery) setQueryChangedAfterOpen(true);
-				pendingQueryHighlightRef.current = { hasQuery };
-				if (hasQuery && autoHighlightMode && store.state.activeIndex == null) store.set("activeIndex", 0);
-			}
-		}
-		setInputValueUnwrapped(next);
-	});
-	const setOpen = useStableCallback((nextOpen, eventDetails) => {
-		if (open === nextOpen) return;
-		if (eventDetails.reason === "escape-key" && hasItems && flatFilteredItems.length === 0 && !store.state.emptyRef.current) eventDetails.allowPropagation();
-		props.onOpenChange?.(nextOpen, eventDetails);
-		if (eventDetails.isCanceled) return;
-		if (!nextOpen && queryChangedAfterOpen) {
-			if (single) {
-				if (!inline) setCloseQuery(query);
-				if (query === "") setQueryChangedAfterOpen(false);
-			} else if (multiple) {
-				if (inline || inputInsidePopup) setIndices({ activeIndex: null });
-				else setCloseQuery(query);
-				setInputValue("", createChangeEventDetails(inputClear, eventDetails.event));
-			}
-		}
-		setOpenUnwrapped(nextOpen);
-		if (!nextOpen && inputInsidePopup && (eventDetails.reason === "focus-out" || eventDetails.reason === "outside-press")) {
-			setTouched(true);
-			setFocused(false);
-			if (validationMode === "onBlur") {
-				const valueToValidate = selectionMode === "none" ? inputValue : selectedValue;
-				validation.commit(valueToValidate);
-			}
-		}
-	});
-	const setSelectedValue = useStableCallback((nextValue, eventDetails) => {
-		onSelectedValueChange?.(nextValue, eventDetails);
-		if (eventDetails.isCanceled) return;
-		setSelectedValueUnwrapped(nextValue);
-		if (selectionMode === "none" && popupRef.current && fillInputOnItemPress || single && !store.state.inputInsidePopup) setInputValue(stringifyAsLabel(nextValue, itemToStringLabel), createChangeEventDetails(eventDetails.reason, eventDetails.event));
-		if (single && nextValue != null && eventDetails.reason !== "input-change" && queryChangedAfterOpen && !inline) setCloseQuery(query);
-	});
-	const handleSelection = useStableCallback((event, passedValue) => {
-		let itemValue = passedValue;
-		if (itemValue === void 0) {
-			if (activeIndex === null) return;
-			itemValue = valuesRef.current[activeIndex];
-		}
-		const targetEl = getTarget(event);
-		const overrideEvent = selectionEventRef.current ?? event;
-		selectionEventRef.current = null;
-		const eventDetails = createChangeEventDetails(itemPress, overrideEvent);
-		const href = targetEl?.closest("a")?.getAttribute("href");
-		if (href) {
-			if (href.startsWith("#")) setOpen(false, eventDetails);
-			return;
-		}
-		if (multiple) {
-			const currentSelectedValue = Array.isArray(selectedValue) ? selectedValue : [];
-			const nextValue = selectedValueIncludes(currentSelectedValue, itemValue, store.state.isItemEqualToValue) ? removeItem(currentSelectedValue, itemValue, store.state.isItemEqualToValue) : [...currentSelectedValue, itemValue];
-			setSelectedValue(nextValue, eventDetails);
-			if (!(inputRef.current ? inputRef.current.value.trim() !== "" : false)) return;
-			if (store.state.inputInsidePopup) setInputValue("", createChangeEventDetails(inputClear, eventDetails.event));
-			else setOpen(false, eventDetails);
-		} else {
-			setSelectedValue(itemValue, eventDetails);
-			setOpen(false, eventDetails);
-		}
-	});
-	const requestSubmit = useStableCallback(() => {
-		if (!store.state.submitOnItemClick) return;
-		const formElement = validation.inputRef.current?.form ?? store.state.inputElement?.form;
-		if (formElement && typeof formElement.requestSubmit === "function") formElement.requestSubmit();
-	});
-	const handleUnmount = useStableCallback(() => {
-		setMounted(false);
-		onOpenChangeComplete?.(false);
-		setQueryChangedAfterOpen(false);
-		setCloseQuery(null);
-		if (selectionMode === "none") setIndices({
-			activeIndex: null,
-			selectedIndex: null
-		});
-		else setIndices({ activeIndex: null });
-		if (multiple && inputRef.current && inputRef.current.value !== "" && !hadInputClearRef.current) setInputValue("", createChangeEventDetails(inputClear));
-		if (single) {
-			if (store.state.inputInsidePopup) {
-				if (inputRef.current && inputRef.current.value !== "") setInputValue("", createChangeEventDetails(inputClear));
-			} else {
-				const stringVal = stringifyAsLabel(selectedValue, itemToStringLabel);
-				if (inputRef.current && inputRef.current.value !== stringVal) setInputValue(stringVal, createChangeEventDetails(stringVal === "" ? inputClear : none));
-			}
-		}
-	});
-	const resolvedPopupRef = React.useMemo(() => {
-		if (inline && positionerElement) return { current: positionerElement.closest("[role=\"dialog\"]") };
-		return popupRef;
-	}, [inline, positionerElement]);
-	useOpenChangeComplete({
-		enabled: !props.actionsRef,
-		open,
-		ref: resolvedPopupRef,
-		onComplete() {
-			if (!open) handleUnmount();
-		}
-	});
-	React.useImperativeHandle(props.actionsRef, () => ({ unmount: handleUnmount }), [handleUnmount]);
-	useIsoLayoutEffect(function syncSelectedIndex() {
-		if (open || selectionMode === "none") return;
-		const registry = items ? flatItems : allValuesRef.current;
-		if (multiple) {
-			const currentValue = Array.isArray(selectedValue) ? selectedValue : [];
-			const lastValue = currentValue[currentValue.length - 1];
-			const lastIndex = findItemIndex(registry, lastValue, isItemEqualToValue);
-			setIndices({ selectedIndex: lastIndex === -1 ? null : lastIndex });
-		} else {
-			const index = findItemIndex(registry, selectedValue, isItemEqualToValue);
-			setIndices({ selectedIndex: index === -1 ? null : index });
-		}
-	}, [
-		open,
-		selectedValue,
-		items,
-		selectionMode,
-		flatItems,
-		multiple,
-		isItemEqualToValue,
-		setIndices
-	]);
-	useIsoLayoutEffect(() => {
-		if (items) {
-			valuesRef.current = flatFilteredItems;
-			listRef.current.length = flatFilteredItems.length;
-		}
-	}, [items, flatFilteredItems]);
-	useIsoLayoutEffect(() => {
-		const pendingHighlight = pendingQueryHighlightRef.current;
-		if (pendingHighlight) {
-			if (pendingHighlight.hasQuery) {
-				if (autoHighlightMode) store.set("activeIndex", 0);
-			} else if (autoHighlightMode === "always") store.set("activeIndex", 0);
-			pendingQueryHighlightRef.current = null;
-		}
-		if (!open && !inline) return;
-		const candidateItems = hasItems || hasFilteredItemsProp ? flatFilteredItems : valuesRef.current;
-		const storeActiveIndex = store.state.activeIndex;
-		if (storeActiveIndex == null) {
-			if (autoHighlightMode === "always" && candidateItems.length > 0) {
-				store.set("activeIndex", 0);
-				return;
-			}
-			if (lastHighlightRef.current !== INITIAL_LAST_HIGHLIGHT) {
-				lastHighlightRef.current = INITIAL_LAST_HIGHLIGHT;
-				store.state.onItemHighlighted(void 0, createGenericEventDetails(none, void 0, { index: -1 }));
-			}
-			return;
-		}
-		if (storeActiveIndex >= candidateItems.length) {
-			if (lastHighlightRef.current !== INITIAL_LAST_HIGHLIGHT) {
-				lastHighlightRef.current = INITIAL_LAST_HIGHLIGHT;
-				store.state.onItemHighlighted(void 0, createGenericEventDetails(none, void 0, { index: -1 }));
-			}
-			store.set("activeIndex", null);
-			return;
-		}
-		const itemValue = candidateItems[storeActiveIndex];
-		const previouslyHighlightedItemValue = lastHighlightRef.current.value;
-		const isSameItem = previouslyHighlightedItemValue !== NO_ACTIVE_VALUE && compareItemEquality(itemValue, previouslyHighlightedItemValue, store.state.isItemEqualToValue);
-		if (lastHighlightRef.current.index !== storeActiveIndex || !isSameItem) {
-			lastHighlightRef.current = {
-				value: itemValue,
-				index: storeActiveIndex
-			};
-			store.state.onItemHighlighted(itemValue, createGenericEventDetails(none, void 0, { index: storeActiveIndex }));
-		}
-	}, [
-		activeIndex,
-		autoHighlightMode,
-		hasFilteredItemsProp,
-		hasItems,
-		flatFilteredItems,
-		inline,
-		open,
-		store
-	]);
-	useIsoLayoutEffect(() => {
-		if (selectionMode === "none") {
-			setFilled(String(inputValue) !== "");
-			return;
-		}
-		setFilled(multiple ? Array.isArray(selectedValue) && selectedValue.length > 0 : selectedValue != null);
-	}, [
-		setFilled,
-		selectionMode,
-		inputValue,
-		selectedValue,
-		multiple
-	]);
-	React.useEffect(() => {
-		if (hasItems && autoHighlightMode && flatFilteredItems.length === 0) setIndices({ activeIndex: null });
-	}, [
-		hasItems,
-		autoHighlightMode,
-		flatFilteredItems.length,
-		setIndices
-	]);
-	useValueChanged(query, () => {
-		if (!open || query === "" || query === String(initialDefaultInputValue)) return;
-		setQueryChangedAfterOpen(true);
-	});
-	useValueChanged(selectedValue, () => {
-		if (selectionMode === "none") return;
-		clearErrors(name);
-		setDirty(selectedValue !== validityData.initialValue);
-		if (shouldValidateOnChange()) validation.commit(selectedValue);
-		else validation.commit(selectedValue, true);
-		if (single && !hasInputValue && !inputInsidePopup) {
-			const nextInputValue = stringifyAsLabel(selectedValue, itemToStringLabel);
-			if (inputValue !== nextInputValue) setInputValue(nextInputValue, createChangeEventDetails(none));
-		}
-	});
-	useValueChanged(inputValue, () => {
-		if (selectionMode !== "none") return;
-		clearErrors(name);
-		setDirty(inputValue !== validityData.initialValue);
-		if (shouldValidateOnChange()) validation.commit(inputValue);
-		else validation.commit(inputValue, true);
-	});
-	useValueChanged(items, () => {
-		if (!single || hasInputValue || inputInsidePopup || queryChangedAfterOpen) return;
-		const nextInputValue = stringifyAsLabel(selectedValue, itemToStringLabel);
-		if (inputValue !== nextInputValue) setInputValue(nextInputValue, createChangeEventDetails(none));
-	});
-	const floatingRootContext = useFloatingRootContext({
-		open: inline ? true : open,
-		onOpenChange: setOpen,
-		elements: {
-			reference: inputInsidePopup ? triggerElement : inputElement,
-			floating: positionerElement
-		}
-	});
-	let ariaHasPopup;
-	let ariaExpanded;
-	if (!inline) {
-		ariaHasPopup = grid ? "grid" : "listbox";
-		ariaExpanded = open ? "true" : "false";
-	}
-	const role = React.useMemo(() => {
-		const isPlainInput = inputElement?.tagName === "INPUT";
-		const shouldTreatAsInput = inputElement == null || isPlainInput;
-		const shouldApplyAria = shouldTreatAsInput || open;
-		const reference = shouldTreatAsInput ? {
-			autoComplete: "off",
-			spellCheck: "false",
-			autoCorrect: "off",
-			autoCapitalize: "none"
-		} : {};
-		if (shouldApplyAria) {
-			reference.role = "combobox";
-			reference["aria-expanded"] = ariaExpanded;
-			reference["aria-haspopup"] = ariaHasPopup;
-			reference["aria-controls"] = open ? listElement?.id : void 0;
-			reference["aria-autocomplete"] = autoComplete;
-		}
-		return {
-			reference,
-			floating: { role: "presentation" }
-		};
-	}, [
-		inputElement,
-		open,
-		ariaExpanded,
-		ariaHasPopup,
-		listElement?.id,
-		autoComplete
-	]);
-	const click = useClick(floatingRootContext, {
-		enabled: !readOnly && !disabled && openOnInputClick,
-		event: "mousedown-only",
-		toggle: false,
-		touchOpenDelay: inputInsidePopup ? 0 : 100,
-		reason: inputPress
-	});
-	const dismiss = useDismiss(floatingRootContext, {
-		enabled: !readOnly && !disabled && !inline,
-		outsidePressEvent: {
-			mouse: "sloppy",
-			touch: "intentional"
-		},
-		bubbles: inline ? true : void 0,
-		outsidePress(event) {
-			const target = getTarget(event);
-			return !contains(triggerElement, target) && !contains(clearRef.current, target) && !contains(chipsContainerRef.current, target) && !contains(inputGroupElement, target);
-		}
-	});
-	const listNavigation = useListNavigation(floatingRootContext, {
-		enabled: !readOnly && !disabled,
-		id,
-		listRef,
-		activeIndex,
-		selectedIndex,
-		virtual: true,
-		loopFocus,
-		allowEscape: loopFocus && !autoHighlightMode,
-		focusItemOnOpen: queryChangedAfterOpen || selectionMode === "none" && !autoHighlightMode ? false : "auto",
-		focusItemOnHover: highlightItemOnHover,
-		resetOnPointerLeave: !keepHighlight,
-		cols: grid ? 2 : 1,
-		orientation: grid ? "horizontal" : void 0,
-		disabledIndices: EMPTY_ARRAY$1,
-		onNavigate(nextActiveIndex, event) {
-			if (!event && !open || transitionStatus === "ending") return;
-			if (!event) setIndices({ activeIndex: nextActiveIndex });
-			else setIndices({
-				activeIndex: nextActiveIndex,
-				type: keyboardActiveRef.current ? "keyboard" : "pointer"
-			});
-		}
-	});
-	const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([
-		role,
-		click,
-		dismiss,
-		listNavigation
-	]);
-	useOnFirstRender(() => {
-		store.update({
-			inline: inlineProp,
-			popupProps: getFloatingProps(),
-			inputProps: getReferenceProps(),
-			triggerProps,
-			getItemProps,
-			setOpen,
-			setInputValue,
-			setSelectedValue,
-			setIndices,
-			onItemHighlighted,
-			handleSelection,
-			forceMount,
-			requestSubmit
-		});
-	});
-	useIsoLayoutEffect(() => {
-		store.update({
-			id,
-			selectedValue,
-			open,
-			mounted,
-			transitionStatus,
-			items,
-			inline: inlineProp,
-			popupProps: getFloatingProps(),
-			inputProps: getReferenceProps(),
-			triggerProps,
-			openMethod,
-			getItemProps,
-			selectionMode,
-			name,
-			form,
-			disabled,
-			readOnly,
-			required,
-			grid,
-			isGrouped,
-			virtualized,
-			onOpenChangeComplete,
-			openOnInputClick,
-			itemToStringLabel,
-			modal,
-			autoHighlight: autoHighlightMode,
-			isItemEqualToValue,
-			submitOnItemClick,
-			hasInputValue,
-			requestSubmit
-		});
-	}, [
-		store,
-		id,
-		selectedValue,
-		open,
-		mounted,
-		transitionStatus,
-		items,
-		getFloatingProps,
-		getReferenceProps,
-		getItemProps,
-		openMethod,
-		triggerProps,
-		selectionMode,
-		name,
-		disabled,
-		readOnly,
-		required,
-		validation,
-		grid,
-		isGrouped,
-		virtualized,
-		onOpenChangeComplete,
-		openOnInputClick,
-		itemToStringLabel,
-		modal,
-		isItemEqualToValue,
-		submitOnItemClick,
-		hasInputValue,
-		inlineProp,
-		requestSubmit,
-		autoHighlightMode,
-		form
-	]);
-	const hiddenInputRef = useMergedRefs(inputRefProp, validation.inputRef);
-	const itemsContextValue = React.useMemo(() => ({
-		query,
-		hasItems,
-		filteredItems,
-		flatFilteredItems
-	}), [
-		query,
-		hasItems,
-		filteredItems,
-		flatFilteredItems
-	]);
-	const serializedValue = React.useMemo(() => {
-		if (Array.isArray(fieldRawValue)) return "";
-		return stringifyAsValue(fieldRawValue, itemToStringValue);
-	}, [fieldRawValue, itemToStringValue]);
-	const hasMultipleSelection = multiple && Array.isArray(selectedValue) && selectedValue.length > 0;
-	const hiddenInputName = multiple || selectionMode === "none" ? void 0 : name;
-	const hiddenInputs = React.useMemo(() => {
-		if (!multiple || !Array.isArray(selectedValue) || !name) return null;
-		return selectedValue.map((value) => {
-			const currentSerializedValue = stringifyAsValue(value, itemToStringValue);
-			return /*#__PURE__*/ jsx("input", {
-				type: "hidden",
-				form,
-				name,
-				value: currentSerializedValue
-			}, currentSerializedValue);
-		});
-	}, [
-		multiple,
-		selectedValue,
-		form,
-		name,
-		itemToStringValue
-	]);
-	const children = /*#__PURE__*/ jsxs(React.Fragment, { children: [
-		props.children,
-		/*#__PURE__*/ jsx("input", {
-			...validation.getInputValidationProps({
-				onFocus() {
-					if (inputInsidePopup) {
-						triggerElement?.focus();
-						return;
-					}
-					(inputRef.current || triggerElement)?.focus();
-				},
-				onChange(event) {
-					if (event.nativeEvent.defaultPrevented) return;
-					const nextValue = event.currentTarget.value;
-					const details = createChangeEventDetails(none, event.nativeEvent);
-					function handleChange() {
-						if (multiple) return;
-						if (selectionMode === "none") {
-							setDirty(nextValue !== validityData.initialValue);
-							setInputValue(nextValue, details);
-							if (shouldValidateOnChange()) validation.commit(nextValue);
-							return;
-						}
-						const matchingValue = valuesRef.current.find((v) => {
-							if (stringifyAsValue(v, itemToStringValue).toLowerCase() === nextValue.toLowerCase()) return true;
-							if (stringifyAsLabel(v, itemToStringLabel).toLowerCase() === nextValue.toLowerCase()) return true;
-							return false;
-						});
-						if (matchingValue != null) {
-							setDirty(matchingValue !== validityData.initialValue);
-							setSelectedValue?.(matchingValue, details);
-							if (shouldValidateOnChange()) validation.commit(matchingValue);
-						}
-					}
-					if (items) handleChange();
-					else {
-						forceMount();
-						queueMicrotask(handleChange);
-					}
-				}
-			}),
-			id: id && hiddenInputName == null ? `${id}-hidden-input` : void 0,
-			form,
-			name: hiddenInputName,
-			autoComplete: formAutoComplete,
-			disabled,
-			required: required && !hasMultipleSelection,
-			readOnly,
-			value: serializedValue,
-			ref: hiddenInputRef,
-			style: hiddenInputName ? visuallyHiddenInput : visuallyHidden,
-			tabIndex: -1,
-			"aria-hidden": true,
-			suppressHydrationWarning: true
-		}),
-		hiddenInputs
-	] });
-	return /*#__PURE__*/ jsx(ComboboxRootContext.Provider, {
-		value: store,
-		children: /*#__PURE__*/ jsx(ComboboxFloatingContext.Provider, {
-			value: floatingRootContext,
-			children: /*#__PURE__*/ jsx(ComboboxDerivedItemsContext.Provider, {
-				value: itemsContextValue,
-				children: /*#__PURE__*/ jsx(ComboboxInputValueContext.Provider, {
-					value: inputValue,
-					children
-				})
-			})
-		})
-	});
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js
-/**
-* Groups all parts of the combobox.
-* Doesn't render its own HTML element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-function ComboboxRoot(props) {
-	const { multiple = false, defaultValue, value, onValueChange, autoComplete, ...other } = props;
-	return /*#__PURE__*/ jsx(AriaCombobox, {
-		...other,
-		selectionMode: multiple ? "multiple" : "single",
-		selectedValue: value,
-		defaultSelectedValue: defaultValue,
-		onSelectedValueChange: onValueChange,
-		formAutoComplete: autoComplete
-	});
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/utils/stateAttributesMapping.js
-var triggerStateAttributesMapping = {
-	...pressableTriggerOpenStateMapping,
-	...fieldValidityMapping,
-	popupSide: (side) => side ? { "data-popup-side": side } : null,
-	listEmpty: (empty) => empty ? { "data-list-empty": "" } : null
-};
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/chips/ComboboxChipsContext.js
-var ComboboxChipsContext = /*#__PURE__*/ React.createContext(void 0);
-if (process.env.NODE_ENV !== "production") ComboboxChipsContext.displayName = "ComboboxChipsContext";
-function useComboboxChipsContext() {
-	return React.useContext(ComboboxChipsContext);
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositionerContext.js
-var ComboboxPositionerContext = /*#__PURE__*/ React.createContext(void 0);
-if (process.env.NODE_ENV !== "production") ComboboxPositionerContext.displayName = "ComboboxPositionerContext";
-function useComboboxPositionerContext(optional) {
-	const context = React.useContext(ComboboxPositionerContext);
-	if (context === void 0 && !optional) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Popup> and <Combobox.Arrow> must be used within the <Combobox.Positioner> component" : formatErrorMessage(21));
-	return context;
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/utils/ComboboxInternalDismissButton.js
-/**
-* @internal
-*/
-var ComboboxInternalDismissButton = /*#__PURE__*/ React.forwardRef(function ComboboxInternalDismissButton(_, forwardedRef) {
-	const store = useComboboxRootContext();
-	const { buttonRef, getButtonProps } = useButton({ native: false });
-	const mergedRef = useMergedRefs(forwardedRef, buttonRef);
-	const dismissProps = getButtonProps({ onClick: useStableCallback((event) => {
-		store.state.setOpen(false, createChangeEventDetails(closePress, event.nativeEvent, event.currentTarget));
-	}) });
-	return /*#__PURE__*/ jsx("span", {
-		ref: mergedRef,
-		...dismissProps,
-		"aria-label": "Dismiss",
-		tabIndex: void 0,
-		style: visuallyHiddenInput
-	});
-});
-if (process.env.NODE_ENV !== "production") ComboboxInternalDismissButton.displayName = "ComboboxInternalDismissButton";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js
-/**
-* A text input to search for items in the list.
-* Renders an `<input>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxInput = /*#__PURE__*/ React.forwardRef(function ComboboxInput(componentProps, forwardedRef) {
-	const { render, className, disabled: disabledProp = false, id: idProp, style, ...elementProps } = componentProps;
-	const { state: fieldState, disabled: fieldDisabled, setTouched, setFocused, validationMode, validation } = useFieldRootContext();
-	const { labelId: fieldLabelId } = useLabelableContext();
-	const comboboxChipsContext = useComboboxChipsContext();
-	const positioning = useComboboxPositionerContext(true);
-	const hasPositionerParent = Boolean(positioning);
-	const store = useComboboxRootContext();
-	const { filteredItems } = useComboboxDerivedItemsContext();
-	const inputValue = useComboboxInputValueContext();
-	const direction = useDirection();
-	const required = useStore(store, selectors.required);
-	const comboboxDisabled = useStore(store, selectors.disabled);
-	const readOnly = useStore(store, selectors.readOnly);
-	const name = useStore(store, selectors.name);
-	const form = useStore(store, selectors.form);
-	const selectionMode = useStore(store, selectors.selectionMode);
-	const autoHighlightMode = useStore(store, selectors.autoHighlight);
-	const inputProps = useStore(store, selectors.inputProps);
-	const triggerProps = useStore(store, selectors.triggerProps);
-	const open = useStore(store, selectors.open);
-	const mounted = useStore(store, selectors.mounted);
-	const selectedValue = useStore(store, selectors.selectedValue);
-	const popupSideValue = useStore(store, selectors.popupSide);
-	const positionerElement = useStore(store, selectors.positionerElement);
-	const rootId = useStore(store, selectors.id);
-	const inline = useStore(store, selectors.inline);
-	const modal = useStore(store, selectors.modal);
-	const autoHighlightEnabled = Boolean(autoHighlightMode);
-	const popupSide = mounted && positionerElement ? popupSideValue : null;
-	const disabled = fieldDisabled || comboboxDisabled || disabledProp;
-	const listEmpty = filteredItems.length === 0;
-	const isInsidePopup = hasPositionerParent || inline;
-	const focusManagerModal = !isInsidePopup || modal;
-	const id = useBaseUiId(idProp ?? (!isInsidePopup ? rootId : void 0));
-	const ariaLabelledBy = resolveAriaLabelledBy(fieldLabelId, void 0);
-	const fieldStateForInput = hasPositionerParent ? DEFAULT_FIELD_STATE_ATTRIBUTES : fieldState;
-	const [composingValue, setComposingValue] = React.useState(null);
-	const isComposingRef = React.useRef(false);
-	const lastActiveIndexRef = React.useRef(null);
-	const shouldRestoreActiveIndexRef = React.useRef(false);
-	const setInputElement = useStableCallback((element) => {
-		const nextIsInsidePopup = hasPositionerParent || store.state.inline;
-		if (nextIsInsidePopup && !store.state.hasInputValue) store.state.setInputValue("", createChangeEventDetails(none));
-		store.update({
-			inputElement: element,
-			inputInsidePopup: nextIsInsidePopup
-		});
-	});
-	const validationProps = hasPositionerParent || !validation ? elementProps : validation.getValidationProps(elementProps);
-	const state = {
-		...fieldStateForInput,
-		open,
-		disabled,
-		readOnly,
-		popupSide,
-		listEmpty
-	};
-	function handleKeyDown(event) {
-		if (!comboboxChipsContext) return;
-		let nextIndex;
-		const { highlightedChipIndex } = comboboxChipsContext;
-		const renderedChipsCount = comboboxChipsContext.chipsRef.current.length;
-		if (highlightedChipIndex !== void 0) {
-			if (event.key === "ArrowLeft") {
-				event.preventDefault();
-				if (highlightedChipIndex > 0) nextIndex = highlightedChipIndex - 1;
-				else nextIndex = void 0;
-			} else if (event.key === "ArrowRight") {
-				event.preventDefault();
-				if (highlightedChipIndex < renderedChipsCount - 1) nextIndex = highlightedChipIndex + 1;
-				else nextIndex = void 0;
-			} else if (event.key === "Backspace" || event.key === "Delete") {
-				event.preventDefault();
-				const computedNextIndex = highlightedChipIndex >= selectedValue.length - 1 ? selectedValue.length - 2 : highlightedChipIndex;
-				nextIndex = computedNextIndex >= 0 ? computedNextIndex : void 0;
-				store.state.setIndices({
-					activeIndex: null,
-					selectedIndex: null,
-					type: "keyboard"
-				});
-			}
-			return nextIndex;
-		}
-		if (event.key === "ArrowLeft" && (event.currentTarget.selectionStart ?? 0) === 0 && selectedValue.length > 0) {
-			event.preventDefault();
-			nextIndex = renderedChipsCount > 0 ? renderedChipsCount - 1 : void 0;
-		} else if (event.key === "Backspace" && event.currentTarget.value === "" && selectedValue.length > 0) {
-			store.state.setIndices({
-				activeIndex: null,
-				selectedIndex: null,
-				type: "keyboard"
-			});
-			event.preventDefault();
-		}
-		return nextIndex;
-	}
-	const element = useRenderElement("input", componentProps, {
-		state,
-		ref: [
-			forwardedRef,
-			store.state.inputRef,
-			setInputElement
-		],
-		props: [
-			inputProps,
-			triggerProps,
-			{
-				type: "text",
-				value: componentProps.value ?? composingValue ?? inputValue,
-				"aria-readonly": readOnly || void 0,
-				"aria-required": required || void 0,
-				"aria-labelledby": ariaLabelledBy,
-				disabled,
-				readOnly,
-				required: selectionMode === "none" ? required : void 0,
-				form,
-				...selectionMode === "none" && name && { name },
-				id,
-				onFocus() {
-					setFocused(true);
-					if (!inline || !shouldRestoreActiveIndexRef.current) return;
-					shouldRestoreActiveIndexRef.current = false;
-					const nextActiveIndex = lastActiveIndexRef.current;
-					if (nextActiveIndex == null || !Object.hasOwn(store.state.valuesRef.current, nextActiveIndex)) return;
-					store.state.setIndices({ activeIndex: nextActiveIndex });
-				},
-				onBlur() {
-					setTouched(true);
-					setFocused(false);
-					const activeIndex = store.state.activeIndex;
-					if (inline && activeIndex !== null && autoHighlightMode !== "always") {
-						lastActiveIndexRef.current = activeIndex;
-						shouldRestoreActiveIndexRef.current = true;
-						store.state.setIndices({ activeIndex: null });
-					}
-					if (validationMode === "onBlur") {
-						const valueToValidate = selectionMode === "none" ? inputValue : selectedValue;
-						validation.commit(valueToValidate);
-					}
-				},
-				onCompositionStart(event) {
-					if (isAndroid) return;
-					isComposingRef.current = true;
-					setComposingValue(event.currentTarget.value);
-				},
-				onCompositionEnd(event) {
-					isComposingRef.current = false;
-					const next = event.currentTarget.value;
-					setComposingValue(null);
-					store.state.setInputValue(next, createChangeEventDetails(inputChange, event.nativeEvent));
-				},
-				onChange(event) {
-					const inputType = event.nativeEvent.inputType;
-					const autofillLikeInput = !inputType || inputType === "insertReplacementText";
-					const shouldOpenOnInput = isComposingRef.current || !autofillLikeInput;
-					if (isComposingRef.current) {
-						const nextVal = event.currentTarget.value;
-						setComposingValue(nextVal);
-						if (nextVal === "" && !store.state.openOnInputClick && !store.state.inputInsidePopup) store.state.setOpen(false, createChangeEventDetails(inputClear, event.nativeEvent));
-						const trimmed = nextVal.trim();
-						const shouldMaintainHighlight = autoHighlightEnabled && trimmed !== "";
-						if (!readOnly && !disabled && trimmed) {
-							if (shouldOpenOnInput) {
-								store.state.setOpen(true, createChangeEventDetails(inputChange, event.nativeEvent));
-								if (!autoHighlightEnabled) store.state.setIndices({
-									activeIndex: null,
-									selectedIndex: null,
-									type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
-								});
-							}
-						}
-						if (open && store.state.activeIndex !== null && !shouldMaintainHighlight) store.state.setIndices({
-							activeIndex: null,
-							selectedIndex: null,
-							type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
-						});
-						return;
-					}
-					store.state.setInputValue(event.currentTarget.value, createChangeEventDetails(inputChange, event.nativeEvent));
-					const empty = event.currentTarget.value === "";
-					const clearDetails = createChangeEventDetails(inputClear, event.nativeEvent);
-					if (empty && !store.state.inputInsidePopup) {
-						if (selectionMode === "single") store.state.setSelectedValue(null, clearDetails);
-						if (!store.state.openOnInputClick) store.state.setOpen(false, clearDetails);
-					}
-					const trimmed = event.currentTarget.value.trim();
-					if (!readOnly && !disabled && trimmed) {
-						if (shouldOpenOnInput) {
-							store.state.setOpen(true, createChangeEventDetails(inputChange, event.nativeEvent));
-							if (!autoHighlightEnabled) store.state.setIndices({
-								activeIndex: null,
-								selectedIndex: null,
-								type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
-							});
-						}
-					}
-					if (open && store.state.activeIndex !== null && !autoHighlightEnabled) store.state.setIndices({
-						activeIndex: null,
-						selectedIndex: null,
-						type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
-					});
-				},
-				onKeyDown(event) {
-					if (disabled || readOnly) return;
-					if (event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) return;
-					store.state.keyboardActiveRef.current = true;
-					const input = event.currentTarget;
-					const scrollAmount = input.scrollWidth - input.clientWidth;
-					const isRTL = direction === "rtl";
-					if (event.key === "Home") {
-						stopEvent(event);
-						const cursor = isFirefox && isRTL ? input.value.length : 0;
-						input.setSelectionRange(cursor, cursor);
-						input.scrollLeft = 0;
-						return;
-					}
-					if (event.key === "End") {
-						stopEvent(event);
-						const cursor = isFirefox && isRTL ? 0 : input.value.length;
-						input.setSelectionRange(cursor, cursor);
-						input.scrollLeft = isRTL ? -scrollAmount : scrollAmount;
-						return;
-					}
-					if (!mounted && event.key === "Escape") {
-						const isClear = selectionMode === "multiple" && Array.isArray(selectedValue) ? selectedValue.length === 0 : selectedValue === null;
-						const details = createChangeEventDetails(escapeKey, event.nativeEvent);
-						const value = selectionMode === "multiple" ? [] : null;
-						store.state.setInputValue("", details);
-						store.state.setSelectedValue(value, details);
-						if (!isClear && !store.state.inline && !details.isPropagationAllowed) event.stopPropagation();
-						return;
-					}
-					if (comboboxChipsContext && event.key === "Backspace" && input.value === "" && comboboxChipsContext.highlightedChipIndex === void 0 && Array.isArray(selectedValue) && selectedValue.length > 0) {
-						const renderedChipsCount = comboboxChipsContext.chipsRef.current.length;
-						const removalIndex = renderedChipsCount > 0 ? renderedChipsCount - 1 : selectedValue.length - 1;
-						const newValue = selectedValue.filter((_, index) => index !== removalIndex);
-						store.state.setIndices({
-							activeIndex: null,
-							selectedIndex: null,
-							type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
-						});
-						store.state.setSelectedValue(newValue, createChangeEventDetails(none, event.nativeEvent));
-						return;
-					}
-					const hadHighlightedChip = comboboxChipsContext?.highlightedChipIndex !== void 0;
-					const nextIndex = handleKeyDown(event);
-					comboboxChipsContext?.setHighlightedChipIndex(nextIndex);
-					if (nextIndex !== void 0) comboboxChipsContext?.chipsRef.current[nextIndex]?.focus();
-					else if (hadHighlightedChip) store.state.inputRef.current?.focus();
-					if (event.which === 229) return;
-					if (event.key === "Enter" && open) {
-						const activeIndex = store.state.activeIndex;
-						const nativeEvent = event.nativeEvent;
-						if (activeIndex === null) {
-							if (inline) return;
-							store.state.setOpen(false, createChangeEventDetails(none, nativeEvent));
-							return;
-						}
-						stopEvent(event);
-						const listItem = store.state.listRef.current[activeIndex];
-						if (listItem) {
-							store.state.selectionEventRef.current = nativeEvent;
-							listItem.click();
-							store.state.selectionEventRef.current = null;
-						}
-					}
-				},
-				onPointerMove() {
-					store.state.keyboardActiveRef.current = false;
-				},
-				onPointerDown() {
-					store.state.keyboardActiveRef.current = false;
-				}
-			},
-			validationProps
-		],
-		stateAttributesMapping: triggerStateAttributesMapping
-	});
-	return /*#__PURE__*/ jsxs(React.Fragment, { children: [open && focusManagerModal && /*#__PURE__*/ jsx(ComboboxInternalDismissButton, { ref: store.state.startDismissRef }), element] });
-});
-if (process.env.NODE_ENV !== "production") ComboboxInput.displayName = "ComboboxInput";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/utils/handleInputPress.js
-function handleInputPress(event, store, disabled, readOnly, shouldIgnoreTarget) {
-	if (event.baseUIHandlerPrevented || readOnly) return;
-	const target = getTarget(event.nativeEvent);
-	const targetElement = isElement(target) ? target : null;
-	if (targetElement !== event.currentTarget && (shouldIgnoreTarget?.(targetElement) || isInteractiveElement(targetElement))) return;
-	event.preventDefault();
-	if (disabled) return;
-	store.state.inputRef.current?.focus();
-	if (store.state.openOnInputClick) store.state.setOpen(true, createChangeEventDetails(inputPress, event.nativeEvent));
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/input-group/ComboboxInputGroup.js
-/**
-* A wrapper for the input and its associated controls.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxInputGroup = /*#__PURE__*/ React.forwardRef(function ComboboxInputGroup(componentProps, forwardedRef) {
-	const { render, className, style, ...elementProps } = componentProps;
-	const { state: fieldState } = useFieldRootContext();
-	const store = useComboboxRootContext();
-	const { filteredItems } = useComboboxDerivedItemsContext();
-	const open = useStore(store, selectors.open);
-	const mounted = useStore(store, selectors.mounted);
-	const popupSideValue = useStore(store, selectors.popupSide);
-	const positionerElement = useStore(store, selectors.positionerElement);
-	const comboboxDisabled = useStore(store, selectors.disabled);
-	const readOnly = useStore(store, selectors.readOnly);
-	const hasSelectedValue = useStore(store, selectors.hasSelectedValue);
-	const selectionMode = useStore(store, selectors.selectionMode);
-	const popupSide = mounted && positionerElement ? popupSideValue : null;
-	const disabled = comboboxDisabled;
-	const listEmpty = filteredItems.length === 0;
-	const placeholder = selectionMode === "none" ? false : !hasSelectedValue;
-	const state = {
-		...fieldState,
-		open,
-		disabled,
-		readOnly,
-		popupSide,
-		listEmpty,
-		placeholder
-	};
-	const setInputGroupElement = useStableCallback((element) => {
-		store.set("inputGroupElement", element);
-	});
-	return useRenderElement("div", componentProps, {
-		ref: [forwardedRef, setInputGroupElement],
-		props: [{
-			role: "group",
-			onMouseDown(event) {
-				handleInputPress(event, store, disabled, readOnly, (target) => {
-					return contains(store.state.chipsContainerRef.current, target);
-				});
-			}
-		}, elementProps],
-		state,
-		stateAttributesMapping: triggerStateAttributesMapping
-	});
-});
-if (process.env.NODE_ENV !== "production") ComboboxInputGroup.displayName = "ComboboxInputGroup";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.js
-var BOUNDARY_OFFSET = 2;
-/**
-* A button that opens the popup.
-* Renders a `<button>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxTrigger = /*#__PURE__*/ React.forwardRef(function ComboboxTrigger(componentProps, forwardedRef) {
-	const { render, className, nativeButton = true, disabled: disabledProp = false, id: idProp, style, ...elementProps } = componentProps;
-	const { state: fieldState, disabled: fieldDisabled, setTouched, setFocused, validationMode, validation } = useFieldRootContext();
-	const { labelId: fieldLabelId } = useLabelableContext();
-	const store = useComboboxRootContext();
-	const { filteredItems } = useComboboxDerivedItemsContext();
-	const selectionMode = useStore(store, selectors.selectionMode);
-	const comboboxDisabled = useStore(store, selectors.disabled);
-	const readOnly = useStore(store, selectors.readOnly);
-	const required = useStore(store, selectors.required);
-	const mounted = useStore(store, selectors.mounted);
-	const popupSideValue = useStore(store, selectors.popupSide);
-	const positionerElement = useStore(store, selectors.positionerElement);
-	const listElement = useStore(store, selectors.listElement);
-	const triggerProps = useStore(store, selectors.triggerProps);
-	const triggerElement = useStore(store, selectors.triggerElement);
-	const inputInsidePopup = useStore(store, selectors.inputInsidePopup);
-	const rootId = useStore(store, selectors.id);
-	const comboboxLabelId = useStore(store, selectors.labelId);
-	const open = useStore(store, selectors.open);
-	const selectedValue = useStore(store, selectors.selectedValue);
-	const activeIndex = useStore(store, selectors.activeIndex);
-	const selectedIndex = useStore(store, selectors.selectedIndex);
-	const hasSelectedValue = useStore(store, selectors.hasSelectedValue);
-	const floatingRootContext = useComboboxFloatingContext();
-	const inputValue = useComboboxInputValueContext();
-	const focusTimeout = useTimeout();
-	const disabled = fieldDisabled || comboboxDisabled || disabledProp;
-	const listEmpty = filteredItems.length === 0;
-	const popupSide = mounted && positionerElement ? popupSideValue : null;
-	useLabelableId({ id: inputInsidePopup ? idProp : void 0 });
-	const id = inputInsidePopup ? idProp ?? rootId : idProp;
-	const ariaLabelledBy = resolveAriaLabelledBy(fieldLabelId, comboboxLabelId);
-	const currentPointerTypeRef = React.useRef("");
-	function trackPointerType(event) {
-		currentPointerTypeRef.current = event.pointerType;
-	}
-	const domReference = floatingRootContext.useState("domReferenceElement");
-	React.useEffect(() => {
-		if (!inputInsidePopup) return;
-		if (triggerElement && triggerElement !== domReference) floatingRootContext.set("domReferenceElement", triggerElement);
-	}, [
-		triggerElement,
-		domReference,
-		floatingRootContext,
-		inputInsidePopup
-	]);
-	const { reference: triggerTypeaheadProps } = useTypeahead(floatingRootContext, {
-		enabled: !open && !readOnly && !comboboxDisabled && selectionMode === "single",
-		listRef: store.state.labelsRef,
-		activeIndex,
-		selectedIndex,
-		onMatch(index) {
-			const nextSelectedValue = store.state.valuesRef.current[index];
-			if (nextSelectedValue !== void 0) store.state.setSelectedValue(nextSelectedValue, createChangeEventDetails("none"));
-		}
-	});
-	const { reference: triggerClickProps } = useClick(floatingRootContext, {
-		enabled: !readOnly && !comboboxDisabled,
-		event: "mousedown"
-	});
-	const { buttonRef, getButtonProps } = useButton({
-		native: nativeButton,
-		disabled
-	});
-	const state = {
-		...fieldState,
-		open,
-		disabled,
-		popupSide,
-		listEmpty,
-		placeholder: selectionMode === "none" ? false : !hasSelectedValue
-	};
-	const setTriggerElement = useStableCallback((element) => {
-		store.set("triggerElement", element);
-	});
-	return useRenderElement("button", componentProps, {
-		ref: [
-			forwardedRef,
-			buttonRef,
-			setTriggerElement
-		],
-		state,
-		props: [
-			triggerProps,
-			triggerClickProps,
-			triggerTypeaheadProps,
-			{
-				id,
-				tabIndex: inputInsidePopup ? 0 : -1,
-				role: inputInsidePopup ? "combobox" : void 0,
-				"aria-expanded": open ? "true" : "false",
-				"aria-haspopup": inputInsidePopup ? "dialog" : "listbox",
-				"aria-controls": open ? listElement?.id : void 0,
-				"aria-required": inputInsidePopup ? required || void 0 : void 0,
-				"aria-labelledby": ariaLabelledBy,
-				onPointerDown: trackPointerType,
-				onPointerEnter: trackPointerType,
-				onFocus() {
-					setFocused(true);
-					if (disabled || readOnly) return;
-					focusTimeout.start(0, store.state.forceMount);
-				},
-				onBlur(event) {
-					if (contains(positionerElement, event.relatedTarget)) return;
-					setTouched(true);
-					setFocused(false);
-					if (validationMode === "onBlur") {
-						const valueToValidate = selectionMode === "none" ? inputValue : selectedValue;
-						validation.commit(valueToValidate);
-					}
-				},
-				onMouseDown(event) {
-					if (disabled || readOnly) return;
-					if (!inputInsidePopup) floatingRootContext.set("domReferenceElement", event.currentTarget);
-					store.state.forceMount();
-					if (currentPointerTypeRef.current !== "touch") {
-						store.state.inputRef.current?.focus();
-						if (!inputInsidePopup) event.preventDefault();
-					}
-					if (open) return;
-					const doc = ownerDocument(event.currentTarget);
-					function handleMouseUp(mouseEvent) {
-						if (!triggerElement) return;
-						const mouseUpTarget = getTarget(mouseEvent);
-						const positioner = store.state.positionerElement;
-						const list = store.state.listElement;
-						if (contains(triggerElement, mouseUpTarget) || contains(positioner, mouseUpTarget) || contains(list, mouseUpTarget) || mouseUpTarget === triggerElement) return;
-						const bounds = getPseudoElementBounds(triggerElement);
-						const withinHorizontal = mouseEvent.clientX >= bounds.left - BOUNDARY_OFFSET && mouseEvent.clientX <= bounds.right + BOUNDARY_OFFSET;
-						const withinVertical = mouseEvent.clientY >= bounds.top - BOUNDARY_OFFSET && mouseEvent.clientY <= bounds.bottom + BOUNDARY_OFFSET;
-						if (withinHorizontal && withinVertical) return;
-						store.state.setOpen(false, createChangeEventDetails("cancel-open", mouseEvent));
-					}
-					if (inputInsidePopup) doc.addEventListener("mouseup", handleMouseUp, { once: true });
-				},
-				onKeyDown(event) {
-					if (disabled || readOnly) return;
-					if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-						stopEvent(event);
-						store.state.setOpen(true, createChangeEventDetails(listNavigation, event.nativeEvent));
-						store.state.inputRef.current?.focus();
-					}
-				}
-			},
-			validation ? validation.getValidationProps(elementProps) : elementProps,
-			getButtonProps
-		],
-		stateAttributesMapping: triggerStateAttributesMapping
-	});
-});
-if (process.env.NODE_ENV !== "production") ComboboxTrigger.displayName = "ComboboxTrigger";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/collection/GroupCollectionContext.js
-var GroupCollectionContext = /*#__PURE__*/ React.createContext(null);
-if (process.env.NODE_ENV !== "production") GroupCollectionContext.displayName = "GroupCollectionContext";
-function useGroupCollectionContext() {
-	return React.useContext(GroupCollectionContext);
-}
-function GroupCollectionProvider(props) {
-	const { children, items } = props;
-	const contextValue = React.useMemo(() => ({ items }), [items]);
-	return /*#__PURE__*/ jsx(GroupCollectionContext.Provider, {
-		value: contextValue,
-		children
-	});
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/collection/ComboboxCollection.js
-/**
-* Renders filtered list items.
-* Doesn't render its own HTML element.
-*
-* If rendering a flat list, pass a function child to the `List` component instead, which implicitly wraps it.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-function ComboboxCollection(props) {
-	const { children } = props;
-	const { filteredItems } = useComboboxDerivedItemsContext();
-	const groupContext = useGroupCollectionContext();
-	const itemsToRender = groupContext ? groupContext.items : filteredItems;
-	if (!itemsToRender) return null;
-	return /*#__PURE__*/ jsx(React.Fragment, { children: itemsToRender.map(children) });
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/list/ComboboxList.js
-/**
-* A list container for the items.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxList = /*#__PURE__*/ React.forwardRef(function ComboboxList(componentProps, forwardedRef) {
-	var _ComboboxCollection;
-	const { render, className, style, children, ...elementProps } = componentProps;
-	const store = useComboboxRootContext();
-	const floatingRootContext = useComboboxFloatingContext();
-	const hasPositionerContext = Boolean(useComboboxPositionerContext(true));
-	const { filteredItems, hasItems } = useComboboxDerivedItemsContext();
-	const selectionMode = useStore(store, selectors.selectionMode);
-	const grid = useStore(store, selectors.grid);
-	const popupProps = useStore(store, selectors.popupProps);
-	const virtualized = useStore(store, selectors.virtualized);
-	const multiple = selectionMode === "multiple";
-	const empty = filteredItems.length === 0;
-	const setPositionerElement = useStableCallback((element) => {
-		store.set("positionerElement", element);
-	});
-	const setListElement = useStableCallback((element) => {
-		store.set("listElement", element);
-	});
-	const resolvedChildren = React.useMemo(() => {
-		if (typeof children === "function") return _ComboboxCollection || (_ComboboxCollection = /*#__PURE__*/ jsx(ComboboxCollection, { children }));
-		return children;
-	}, [children]);
-	const state = { empty };
-	const floatingId = floatingRootContext.useState("floatingId");
-	const element = useRenderElement("div", componentProps, {
-		state,
-		ref: [
-			forwardedRef,
-			setListElement,
-			hasPositionerContext ? null : setPositionerElement
-		],
-		props: [
-			popupProps,
-			{
-				children: resolvedChildren,
-				tabIndex: -1,
-				id: floatingId,
-				role: grid ? "grid" : "listbox",
-				"aria-multiselectable": multiple ? "true" : void 0,
-				onKeyDown(event) {
-					if (store.state.disabled || store.state.readOnly) return;
-					if (event.key === "Enter") {
-						const activeIndex = store.state.activeIndex;
-						if (activeIndex == null) return;
-						stopEvent(event);
-						const nativeEvent = event.nativeEvent;
-						const listItem = store.state.listRef.current[activeIndex];
-						if (listItem) {
-							store.state.selectionEventRef.current = nativeEvent;
-							listItem.click();
-							store.state.selectionEventRef.current = null;
-						}
-					}
-				},
-				onKeyDownCapture() {
-					store.state.keyboardActiveRef.current = true;
-				},
-				onPointerMoveCapture() {
-					store.state.keyboardActiveRef.current = false;
-				}
-			},
-			elementProps
-		]
-	});
-	if (virtualized) return element;
-	return /*#__PURE__*/ jsx(CompositeList, {
-		elementsRef: store.state.listRef,
-		labelsRef: hasItems ? void 0 : store.state.labelsRef,
-		children: element
-	});
-});
-if (process.env.NODE_ENV !== "production") ComboboxList.displayName = "ComboboxList";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortalContext.js
-var ComboboxPortalContext = /*#__PURE__*/ React.createContext(void 0);
-if (process.env.NODE_ENV !== "production") ComboboxPortalContext.displayName = "ComboboxPortalContext";
-function useComboboxPortalContext() {
-	const context = React.useContext(ComboboxPortalContext);
-	if (context === void 0) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Portal> is missing." : formatErrorMessage(20));
-	return context;
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js
-/**
-* A portal element that moves the popup to a different part of the DOM.
-* By default, the portal element is appended to `<body>`.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxPortal = /*#__PURE__*/ React.forwardRef(function ComboboxPortal(props, forwardedRef) {
-	const { keepMounted = false, ...portalProps } = props;
-	const store = useComboboxRootContext();
-	const mounted = useStore(store, selectors.mounted);
-	const forceMounted = useStore(store, selectors.forceMounted);
-	if (!(mounted || keepMounted || forceMounted)) return null;
-	return /*#__PURE__*/ jsx(ComboboxPortalContext.Provider, {
-		value: keepMounted,
-		children: /*#__PURE__*/ jsx(FloatingPortal, {
-			ref: forwardedRef,
-			...portalProps
-		})
-	});
-});
-if (process.env.NODE_ENV !== "production") ComboboxPortal.displayName = "ComboboxPortal";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js
-/**
-* Positions the popup against the trigger.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxPositioner = /*#__PURE__*/ React.forwardRef(function ComboboxPositioner(componentProps, forwardedRef) {
-	const { render, className, anchor, positionMethod = "absolute", side = "bottom", align = "center", sideOffset = 0, alignOffset = 0, collisionBoundary = "clipping-ancestors", collisionPadding = 5, arrowPadding = 5, sticky = false, disableAnchorTracking = false, collisionAvoidance = DROPDOWN_COLLISION_AVOIDANCE, style: styleProp, ...elementProps } = componentProps;
-	const store = useComboboxRootContext();
-	const { filteredItems } = useComboboxDerivedItemsContext();
-	const floatingRootContext = useComboboxFloatingContext();
-	const keepMounted = useComboboxPortalContext();
-	const modal = useStore(store, selectors.modal);
-	const open = useStore(store, selectors.open);
-	const mounted = useStore(store, selectors.mounted);
-	const openMethod = useStore(store, selectors.openMethod);
-	const positionerElement = useStore(store, selectors.positionerElement);
-	const triggerElement = useStore(store, selectors.triggerElement);
-	const inputElement = useStore(store, selectors.inputElement);
-	const inputGroupElement = useStore(store, selectors.inputGroupElement);
-	const inputInsidePopup = useStore(store, selectors.inputInsidePopup);
-	const transitionStatus = useStore(store, selectors.transitionStatus);
-	const empty = filteredItems.length === 0;
-	const positioning = useAnchorPositioning({
-		anchor: anchor ?? (inputInsidePopup ? triggerElement : inputGroupElement ?? inputElement),
-		floatingRootContext,
-		positionMethod,
-		mounted,
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		arrowPadding,
-		collisionBoundary,
-		collisionPadding,
-		sticky,
-		disableAnchorTracking,
-		keepMounted,
-		collisionAvoidance,
-		lazyFlip: true
-	});
-	useAnchoredPopupScrollLock(open && modal, openMethod === "touch", positionerElement, triggerElement);
-	const state = {
-		open,
-		side: positioning.side,
-		align: positioning.align,
-		anchorHidden: positioning.anchorHidden,
-		empty
-	};
-	useIsoLayoutEffect(() => {
-		store.set("popupSide", positioning.side);
-	}, [store, positioning.side]);
-	const setPositionerElement = useStableCallback((element) => {
-		store.set("positionerElement", element);
-	});
-	const element = usePositioner(componentProps, state, {
-		styles: positioning.positionerStyles,
-		transitionStatus,
-		props: elementProps,
-		refs: [forwardedRef, setPositionerElement],
-		hidden: !mounted,
-		inert: !open
-	});
-	return /*#__PURE__*/ jsxs(ComboboxPositionerContext.Provider, {
-		value: positioning,
-		children: [mounted && modal && /*#__PURE__*/ jsx(InternalBackdrop, {
-			inert: inertValue(!open),
-			cutout: inputGroupElement ?? inputElement ?? triggerElement
-		}), element]
-	});
-});
-if (process.env.NODE_ENV !== "production") ComboboxPositioner.displayName = "ComboboxPositioner";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js
-var stateAttributesMapping$1 = {
-	...popupStateMapping,
-	...transitionStatusMapping
-};
-/**
-* A container for the list.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxPopup = /*#__PURE__*/ React.forwardRef(function ComboboxPopup(componentProps, forwardedRef) {
-	const { render, className, style, initialFocus, finalFocus, ...elementProps } = componentProps;
-	const store = useComboboxRootContext();
-	const positioning = useComboboxPositionerContext();
-	const floatingRootContext = useComboboxFloatingContext();
-	const { filteredItems } = useComboboxDerivedItemsContext();
-	const mounted = useStore(store, selectors.mounted);
-	const open = useStore(store, selectors.open);
-	const openMethod = useStore(store, selectors.openMethod);
-	const transitionStatus = useStore(store, selectors.transitionStatus);
-	const inputInsidePopup = useStore(store, selectors.inputInsidePopup);
-	const inputElement = useStore(store, selectors.inputElement);
-	const modal = useStore(store, selectors.modal);
-	const empty = filteredItems.length === 0;
-	useOpenChangeComplete({
-		open,
-		ref: store.state.popupRef,
-		onComplete() {
-			if (open) store.state.onOpenChangeComplete(true);
-		}
-	});
-	const state = {
-		open,
-		side: positioning.side,
-		align: positioning.align,
-		anchorHidden: positioning.anchorHidden,
-		transitionStatus,
-		empty
-	};
-	const element = useRenderElement("div", componentProps, {
-		state,
-		ref: [forwardedRef, store.state.popupRef],
-		props: [
-			{
-				role: inputInsidePopup ? "dialog" : "presentation",
-				tabIndex: -1,
-				onFocus(event) {
-					const target = getTarget(event.nativeEvent);
-					if (openMethod !== "touch" && (contains(store.state.listElement, target) || target === event.currentTarget)) store.state.inputRef.current?.focus();
-				}
-			},
-			getDisabledMountTransitionStyles(transitionStatus),
-			elementProps
-		],
-		stateAttributesMapping: stateAttributesMapping$1
-	});
-	const resolvedInitialFocus = initialFocus === void 0 ? inputInsidePopup ? (interactionType) => interactionType === "touch" ? store.state.popupRef.current : inputElement : false : initialFocus;
-	let resolvedFinalFocus;
-	if (finalFocus != null) resolvedFinalFocus = finalFocus;
-	else resolvedFinalFocus = inputInsidePopup ? void 0 : false;
-	const focusManagerModal = !inputInsidePopup || modal;
-	return /*#__PURE__*/ jsx(FloatingFocusManager, {
-		context: floatingRootContext,
-		disabled: !mounted,
-		modal: focusManagerModal,
-		openInteractionType: openMethod,
-		initialFocus: resolvedInitialFocus,
-		returnFocus: resolvedFinalFocus,
-		getInsideElements: () => [store.state.startDismissRef.current, store.state.endDismissRef.current],
-		children: /*#__PURE__*/ jsxs(React.Fragment, { children: [element, focusManagerModal && /*#__PURE__*/ jsx(ComboboxInternalDismissButton, { ref: store.state.endDismissRef })] })
-	});
-});
-if (process.env.NODE_ENV !== "production") ComboboxPopup.displayName = "ComboboxPopup";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroupContext.js
-var ComboboxGroupContext = /*#__PURE__*/ React.createContext(void 0);
-if (process.env.NODE_ENV !== "production") ComboboxGroupContext.displayName = "ComboboxGroupContext";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js
-/**
-* Groups related items with the corresponding label.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxGroup = /*#__PURE__*/ React.forwardRef(function ComboboxGroup(componentProps, forwardedRef) {
-	const { render, className, style, items, ...elementProps } = componentProps;
-	const [labelId, setLabelId] = React.useState();
-	const contextValue = React.useMemo(() => ({
-		labelId,
-		setLabelId,
-		items
-	}), [
-		labelId,
-		setLabelId,
-		items
-	]);
-	const element = useRenderElement("div", componentProps, {
-		ref: forwardedRef,
-		props: [{
-			role: "group",
-			"aria-labelledby": labelId
-		}, elementProps]
-	});
-	const wrappedElement = /*#__PURE__*/ jsx(ComboboxGroupContext.Provider, {
-		value: contextValue,
-		children: element
-	});
-	if (items) return /*#__PURE__*/ jsx(GroupCollectionProvider, {
-		items,
-		children: wrappedElement
-	});
-	return wrappedElement;
-});
-if (process.env.NODE_ENV !== "production") ComboboxGroup.displayName = "ComboboxGroup";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/item/ComboboxItemContext.js
-var ComboboxItemContext = /*#__PURE__*/ React.createContext(void 0);
-if (process.env.NODE_ENV !== "production") ComboboxItemContext.displayName = "ComboboxItemContext";
-function useComboboxItemContext() {
-	const context = React.useContext(ComboboxItemContext);
-	if (!context) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxItemContext is missing. ComboboxItem parts must be placed within <Combobox.Item>." : formatErrorMessage(19));
-	return context;
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/row/ComboboxRowContext.js
-var ComboboxRowContext = /*#__PURE__*/ React.createContext(false);
-if (process.env.NODE_ENV !== "production") ComboboxRowContext.displayName = "ComboboxRowContext";
-function useComboboxRowContext() {
-	return React.useContext(ComboboxRowContext);
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js
-/**
-* An individual item in the list.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxItem = /*#__PURE__*/ React.memo(/*#__PURE__*/ React.forwardRef(function ComboboxItem(componentProps, forwardedRef) {
-	const { render, className, value: itemValue = null, index: indexProp, disabled = false, nativeButton = false, style, ...elementProps } = componentProps;
-	const didPointerDownRef = React.useRef(false);
-	const textRef = React.useRef(null);
-	const listItem = useCompositeListItem({
-		index: indexProp,
-		textRef,
-		indexGuessBehavior: IndexGuessBehavior.GuessFromOrder
-	});
-	const store = useComboboxRootContext();
-	const isRow = useComboboxRowContext();
-	const { flatFilteredItems, hasItems } = useComboboxDerivedItemsContext();
-	const open = useStore(store, selectors.open);
-	const selectionMode = useStore(store, selectors.selectionMode);
-	const readOnly = useStore(store, selectors.readOnly);
-	const virtualized = useStore(store, selectors.virtualized);
-	const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);
-	const selectable = selectionMode !== "none";
-	const index = indexProp ?? (virtualized ? findItemIndex(flatFilteredItems, itemValue, isItemEqualToValue) : listItem.index);
-	const hasRegistered = listItem.index !== -1;
-	const rootId = useStore(store, selectors.id);
-	const highlighted = useStore(store, selectors.isActive, index);
-	const matchesSelectedValue = useStore(store, selectors.isSelected, itemValue);
-	const getItemProps = useStore(store, selectors.getItemProps);
-	const itemRef = React.useRef(null);
-	const id = rootId != null && hasRegistered ? `${rootId}-${index}` : void 0;
-	const selected = matchesSelectedValue && selectable;
-	useIsoLayoutEffect(() => {
-		if (!(hasRegistered && (virtualized || indexProp != null))) return;
-		const list = store.state.listRef.current;
-		list[index] = itemRef.current;
-		return () => {
-			delete list[index];
-		};
-	}, [
-		hasRegistered,
-		virtualized,
-		index,
-		indexProp,
-		store
-	]);
-	useIsoLayoutEffect(() => {
-		if (!hasRegistered || hasItems) return;
-		const visibleMap = store.state.valuesRef.current;
-		visibleMap[index] = itemValue;
-		if (selectionMode !== "none") store.state.allValuesRef.current.push(itemValue);
-		return () => {
-			delete visibleMap[index];
-		};
-	}, [
-		hasRegistered,
-		hasItems,
-		index,
-		itemValue,
-		store,
-		selectionMode
-	]);
-	useIsoLayoutEffect(() => {
-		if (!open) {
-			didPointerDownRef.current = false;
-			return;
-		}
-		if (!hasRegistered || hasItems) return;
-		const selectedValue = store.state.selectedValue;
-		const lastSelectedValue = Array.isArray(selectedValue) ? selectedValue[selectedValue.length - 1] : selectedValue;
-		if (compareItemEquality(itemValue, lastSelectedValue, isItemEqualToValue)) store.set("selectedIndex", index);
-	}, [
-		hasRegistered,
-		hasItems,
-		open,
-		store,
-		index,
-		itemValue,
-		isItemEqualToValue
-	]);
-	const state = {
-		disabled,
-		selected,
-		highlighted
-	};
-	const rootProps = getItemProps({
-		active: highlighted,
-		selected
-	});
-	rootProps.id = void 0;
-	rootProps.onFocus = void 0;
-	const { getButtonProps, buttonRef } = useButton({
-		disabled,
-		focusableWhenDisabled: true,
-		native: nativeButton,
-		composite: true
-	});
-	function commitSelection(nativeEvent) {
-		function selectItem() {
-			store.state.handleSelection(nativeEvent, itemValue);
-		}
-		if (store.state.submitOnItemClick) {
-			ReactDOM.flushSync(selectItem);
-			store.state.requestSubmit();
-		} else selectItem();
-	}
-	const defaultProps = {
-		id,
-		role: isRow ? "gridcell" : "option",
-		"aria-selected": selectable ? selected : void 0,
-		tabIndex: void 0,
-		onPointerDownCapture(event) {
-			didPointerDownRef.current = true;
-			event.preventDefault();
-		},
-		onMouseDown(event) {
-			event.preventDefault();
-		},
-		onClick(event) {
-			if (disabled || readOnly) return;
-			commitSelection(event.nativeEvent);
-		},
-		onMouseUp(event) {
-			const pointerStartedOnItem = didPointerDownRef.current;
-			didPointerDownRef.current = false;
-			if (disabled || readOnly || event.button !== 0 || pointerStartedOnItem || !highlighted) return;
-			commitSelection(event.nativeEvent);
-		}
-	};
-	const element = useRenderElement("div", componentProps, {
-		ref: [
-			buttonRef,
-			forwardedRef,
-			listItem.ref,
-			itemRef
-		],
-		state,
-		props: [
-			rootProps,
-			defaultProps,
-			elementProps,
-			getButtonProps
-		]
-	});
-	const contextValue = React.useMemo(() => ({
-		selected,
-		textRef
-	}), [selected, textRef]);
-	return /*#__PURE__*/ jsx(ComboboxItemContext.Provider, {
-		value: contextValue,
-		children: element
-	});
-}));
-if (process.env.NODE_ENV !== "production") ComboboxItem.displayName = "ComboboxItem";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.js
-/**
-* Indicates whether the item is selected.
-* Renders a `<span>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxItemIndicator = /*#__PURE__*/ React.forwardRef(function ComboboxItemIndicator(componentProps, forwardedRef) {
-	const keepMounted = componentProps.keepMounted ?? false;
-	const { selected } = useComboboxItemContext();
-	if (!(keepMounted || selected)) return null;
-	return /*#__PURE__*/ jsx(Inner, {
-		...componentProps,
-		ref: forwardedRef
-	});
-});
-/** The core implementation of the indicator is split here to avoid paying the hooks
-* costs unless the element needs to be mounted. */
-if (process.env.NODE_ENV !== "production") ComboboxItemIndicator.displayName = "ComboboxItemIndicator";
-var Inner = /*#__PURE__*/ React.memo(/*#__PURE__*/ React.forwardRef((componentProps, forwardedRef) => {
-	const { render, className, style, keepMounted, ...elementProps } = componentProps;
-	const { selected } = useComboboxItemContext();
-	const indicatorRef = React.useRef(null);
-	const { transitionStatus, setMounted } = useTransitionStatus(selected);
-	const element = useRenderElement("span", componentProps, {
-		ref: [forwardedRef, indicatorRef],
-		state: {
-			selected,
-			transitionStatus
-		},
-		props: [{
-			"aria-hidden": true,
-			children: "✔️"
-		}, elementProps],
-		stateAttributesMapping: transitionStatusMapping
-	});
-	useOpenChangeComplete({
-		open: selected,
-		ref: indicatorRef,
-		onComplete() {
-			if (!selected) setMounted(false);
-		}
-	});
-	return element;
-}));
-if (process.env.NODE_ENV !== "production") Inner.displayName = "Inner";
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/combobox/clear/ComboboxClear.js
-var stateAttributesMapping = {
-	...transitionStatusMapping,
-	...triggerOpenStateMapping
-};
-/**
-* Clears the value when clicked.
-* Renders a `<button>` element.
-*
-* Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)
-*/
-var ComboboxClear = /*#__PURE__*/ React.forwardRef(function ComboboxClear(componentProps, forwardedRef) {
-	const { render, className, disabled: disabledProp = false, nativeButton = true, keepMounted = false, style, ...elementProps } = componentProps;
-	const { disabled: fieldDisabled } = useFieldRootContext();
-	const store = useComboboxRootContext();
-	const selectionMode = useStore(store, selectors.selectionMode);
-	const comboboxDisabled = useStore(store, selectors.disabled);
-	const readOnly = useStore(store, selectors.readOnly);
-	const open = useStore(store, selectors.open);
-	const selectedValue = useStore(store, selectors.selectedValue);
-	const hasSelectionChips = useStore(store, selectors.hasSelectionChips);
-	const inputValue = useComboboxInputValueContext();
-	let visible = false;
-	if (selectionMode === "none") visible = inputValue !== "";
-	else if (selectionMode === "single") visible = selectedValue != null;
-	else visible = hasSelectionChips;
-	const disabled = fieldDisabled || comboboxDisabled || disabledProp;
-	const { buttonRef, getButtonProps } = useButton({
-		native: nativeButton,
-		disabled
-	});
-	const { mounted, transitionStatus, setMounted } = useTransitionStatus(visible);
-	const state = {
-		disabled,
-		open,
-		transitionStatus
-	};
-	useOpenChangeComplete({
-		open: visible,
-		ref: store.state.clearRef,
-		onComplete() {
-			if (!visible) setMounted(false);
-		}
-	});
-	const element = useRenderElement("button", componentProps, {
-		state,
-		ref: [
-			forwardedRef,
-			buttonRef,
-			store.state.clearRef
-		],
-		props: [
-			{
-				tabIndex: -1,
-				children: "x",
-				onMouseDown(event) {
-					event.preventDefault();
-				},
-				onClick(event) {
-					if (disabled || readOnly) return;
-					const keyboardActiveRef = store.state.keyboardActiveRef;
-					store.state.setInputValue("", createChangeEventDetails(clearPress, event.nativeEvent));
-					if (selectionMode !== "none") {
-						store.state.setSelectedValue(Array.isArray(selectedValue) ? [] : null, createChangeEventDetails(clearPress, event.nativeEvent));
-						store.state.setIndices({
-							activeIndex: null,
-							selectedIndex: null,
-							type: keyboardActiveRef.current ? "keyboard" : "pointer"
-						});
-					} else store.state.setIndices({
-						activeIndex: null,
-						type: keyboardActiveRef.current ? "keyboard" : "pointer"
-					});
-					store.state.inputRef.current?.focus();
-				}
-			},
-			elementProps,
-			getButtonProps
-		],
-		stateAttributesMapping
-	});
-	if (!(keepMounted || mounted)) return null;
-	return element;
-});
-if (process.env.NODE_ENV !== "production") ComboboxClear.displayName = "ComboboxClear";
-//#endregion
 //#region src/workbench/browser/runtime/linkContext.ts
 /** The host owns URLs for links within the deployment. */
 var WorkbenchLinkContext = createContext(void 0);
@@ -24120,7 +22328,7 @@ function EditableAgentSettingsProvider({ children, task, nodeId, store, connecto
 			return false;
 		}
 		const decoded = decodeRevisionContent({
-			modelVersion: 11,
+			modelVersion: 13,
 			modules: {},
 			document: {
 				bindings: {},
@@ -24539,7 +22747,7 @@ function CodeEditor({ ariaDescribedBy, ariaLabel, diagnostics, disabled, errorLa
 		darkMode.current = darkMode$;
 		setFailed(false);
 		setLoading(true);
-		const extension = import("./typeScriptSession-CSRwWmZm.js").then(({ loadTypeScriptExtension }) => loadTypeScriptExtension(uri, typingRef.current, () => prepareCompletionRef.current?.())).catch(() => void 0);
+		const extension = import("./typeScriptSession-CRoezJPN.js").then(({ loadTypeScriptExtension }) => loadTypeScriptExtension(uri, typingRef.current, () => prepareCompletionRef.current?.())).catch(() => void 0);
 		claimEditor(uri).then((nextRelease) => {
 			release = nextRelease;
 			if (disposed) {
@@ -24626,7 +22834,7 @@ function CodeEditor({ ariaDescribedBy, ariaLabel, diagnostics, disabled, errorLa
 		editor.current?.updateOptions({ ariaDescribedBy });
 	}, [ariaDescribedBy]);
 	useEffect(() => {
-		import("./typeScriptSession-CSRwWmZm.js").then(({ updateTypeScriptTyping }) => updateTypeScriptTyping(uri, typing)).catch(noop);
+		import("./typeScriptSession-CRoezJPN.js").then(({ updateTypeScriptTyping }) => updateTypeScriptTyping(uri, typing)).catch(noop);
 	}, [typing, uri]);
 	useEffect(() => {
 		if (location != null) editor.current?.revealPosition?.(location.line, location.column);
@@ -24650,6 +22858,114 @@ function CodeEditor({ ariaDescribedBy, ariaLabel, diagnostics, disabled, errorLa
 	});
 }
 //#endregion
+//#region src/workbench/browser/runtime/editor/codeHttpHosts.tsx
+function CodeHttpHosts({ disabled, hosts, onSave }) {
+	const t = useTranslate();
+	const id = useId();
+	const saved = hosts.join("\n");
+	const [draft, setDraft] = useState(saved);
+	const [openedHosts, setOpenedHosts] = useState(saved);
+	const [error, setError] = useState();
+	const [open, setOpen] = useState(false);
+	const [pending, setPending] = useState(false);
+	const [container, setContainer] = useState(null);
+	const portal = useCallback((element) => {
+		setContainer(element?.closest(".open-flow-workbench") ?? element?.closest(".open-flow-theme") ?? null);
+	}, []);
+	const commit = async () => {
+		if (openedHosts !== saved) {
+			setOpenedHosts(saved);
+			setDraft(saved);
+			setError(t("inspector.task.httpHostsUpdated"));
+			return;
+		}
+		const next = [...new Set(draft.split(/[\s,]+/).flatMap((host) => host == "" ? [] : [host.toLowerCase()]))];
+		const invalid = next.find((host) => !isHttpHost(host));
+		if (invalid != null) return setError(t("inspector.task.httpHostsInvalid", { host: invalid }));
+		if (next.length > 20) return setError(t("inspector.task.httpHostsLimit", { count: 20 }));
+		setError(void 0);
+		setPending(true);
+		try {
+			if (dequal$1(next, hosts) || await onSave(next)) setOpen(false);
+		} finally {
+			setPending(false);
+		}
+	};
+	return /* @__PURE__ */ jsx("span", {
+		className: "inline-flex shrink-0",
+		ref: portal,
+		children: /* @__PURE__ */ jsxs(Dialog, {
+			open,
+			onOpenChange: (next) => {
+				if (pending) return;
+				if (next) {
+					setOpenedHosts(saved);
+					setDraft(saved);
+					setError(void 0);
+				}
+				setOpen(next);
+			},
+			children: [/* @__PURE__ */ jsxs(DialogTrigger, {
+				disabled,
+				render: /* @__PURE__ */ jsx(Button$1, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					className: "font-normal text-muted-foreground"
+				}),
+				children: [t("inspector.task.httpHosts"), hosts.length > 0 ? ` · ${hosts.length}` : ""]
+			}), /* @__PURE__ */ jsxs(DialogContent, {
+				container,
+				closeLabel: t("common.close"),
+				children: [
+					/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("inspector.task.httpHosts") }) }),
+					/* @__PURE__ */ jsxs(Field, {
+						"data-inspector-section": "code-http",
+						children: [
+							/* @__PURE__ */ jsx(FieldLabel, {
+								className: "sr-only",
+								htmlFor: `${id}-hosts`,
+								children: t("inspector.task.httpHosts")
+							}),
+							/* @__PURE__ */ jsx(ValueEditorFeedback, {
+								error,
+								children: (errorId) => /* @__PURE__ */ jsx(Textarea, {
+									"aria-describedby": [`${id}-hint`, errorId].filter(Boolean).join(" "),
+									"aria-invalid": error != null || void 0,
+									className: "min-h-14 font-mono text-xs",
+									disabled: disabled || pending,
+									id: `${id}-hosts`,
+									onChange: (event) => setDraft(event.target.value),
+									placeholder: "api.example.com",
+									rows: 2,
+									spellCheck: false,
+									value: draft
+								})
+							}),
+							/* @__PURE__ */ jsx(FieldDescription, {
+								id: `${id}-hint`,
+								children: t("inspector.task.httpHostsHint")
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button$1, {
+						type: "button",
+						variant: "outline",
+						disabled: pending,
+						onClick: () => setOpen(false),
+						children: t("common.cancel")
+					}), /* @__PURE__ */ jsx(Button$1, {
+						type: "button",
+						disabled: disabled || pending,
+						onClick: () => void commit(),
+						children: t("common.save")
+					})] })
+				]
+			})]
+		})
+	});
+}
+//#endregion
 //#region src/workbench/browser/runtime/editor/generateTyping.ts
 function generateTyping(language, inputsDef, outputsDef) {
 	if (language === "typescript") return genTypeScript(inputsDef, outputsDef) + "\n";
@@ -24870,7 +23186,12 @@ function EditableCodeTaskSection({ connectorAccess, connectorCandidates, connect
 		setPending(true);
 		try {
 			const connectorCapabilities = value === permission && task != null && "moduleId" in task ? (task.capabilities ?? []).filter((item) => item.kind == "connector") : value == null ? [] : [value];
-			if (!await store.nodes.setCodeActions(selection.id, [...connectorCapabilities, ...workflows])) return false;
+			const http = task != null && "moduleId" in task ? (task.capabilities ?? []).filter((item) => item.kind == "http") : [];
+			if (!await store.nodes.setCodeActions(selection.id, [
+				...connectorCapabilities,
+				...workflows,
+				...http
+			])) return false;
 			setPermission(value);
 			return true;
 		} catch (cause) {
@@ -24905,6 +23226,19 @@ function EditableCodeTaskSection({ connectorAccess, connectorCandidates, connect
 		children: t("inspector.task.missing")
 	});
 	if (!("moduleId" in task)) return null;
+	const httpHosts = (task.capabilities ?? []).find((item) => item.kind == "http")?.hosts ?? [];
+	const saveHttpHosts = async (hosts) => {
+		try {
+			const others = (task.capabilities ?? []).filter((item) => item.kind != "http");
+			return await store.nodes.setCodeActions(selection.id, hosts.length == 0 ? others : [...others, {
+				kind: "http",
+				hosts
+			}]);
+		} catch (cause) {
+			store.notify(errorNotice(cause, t));
+			return false;
+		}
+	};
 	const selectedActions = permission?.mode == "independent" ? permission.actions : [];
 	const selectedTools = [...selectedActions, ...(task.capabilities ?? []).filter((item) => item.kind == "workflow")];
 	const summary = actionSummary(selectedTools, hintedCatalog, providers.data ?? []);
@@ -24916,7 +23250,7 @@ function EditableCodeTaskSection({ connectorAccess, connectorCandidates, connect
 		const catalog = accountCatalogs[action.serviceId];
 		return catalog != null && catalog.byId.get(entry.connectionId)?.status !== "active";
 	});
-	const typingFor = (shared) => codeTyping(task, permission == null ? task.capabilities : [permission, ...(task.capabilities ?? []).filter((item) => item.kind == "workflow")], permission?.mode == "shared" ? shared : {
+	const typingFor = (shared) => codeTyping(task, permission == null ? task.capabilities : [permission, ...(task.capabilities ?? []).filter((item) => item.kind != "connector")], permission?.mode == "shared" ? shared : {
 		...hintedCatalog,
 		...shared
 	}, providerIds);
@@ -24942,48 +23276,56 @@ function EditableCodeTaskSection({ connectorAccess, connectorCandidates, connect
 			event.preventDefault();
 			store.saveModuleEditor();
 		},
-		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [false, /* @__PURE__ */ jsx(ActionSelectionDialog, {
-			notify: store.notify,
-			title: t("actionPicker.configureActions"),
-			triggerHint: selectedTools.length > 0 ? summary.workflows > 0 ? t("toolPicker.summary", {
-				tools: summary.count,
-				workflows: summary.workflows
-			}) : t("actionPicker.selectionSummary", {
-				actions: selectedTools.length,
-				providers: summary.providers.length
-			}) : void 0,
-			trigger: /* @__PURE__ */ jsxs(Button$1, {
-				type: "button",
-				variant: actionIssue ? "destructive" : "ghost",
-				size: "sm",
-				"aria-invalid": actionIssue || void 0,
-				className: actionIssue ? "gap-1.5 font-normal" : "gap-1.5 font-normal text-muted-foreground",
-				children: [actionIssue && /* @__PURE__ */ jsx("i", {
-					"aria-hidden": "true",
-					"data-icon": "inline-start",
-					className: "i-lucide-light:unplug size-3.5"
-				}), selectedTools.length === 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [!actionIssue && /* @__PURE__ */ jsx("i", {
-					"aria-hidden": "true",
-					"data-icon": "inline-start",
-					className: "i-lucide-light:plus size-3.5"
-				}), t("actionPicker.triggerLabel")] }) : /* @__PURE__ */ jsx(IconStack, {
-					icons: summary.providers,
-					count: summary.count,
-					size: "sm"
-				})]
-			}),
-			entries: selectedTools,
-			connectors,
-			prepareAction,
-			workflows: workflowTools,
-			disabled: disabled || pending,
-			createEntry: (action) => ({ action: action.actionId }),
-			onSave: (entries) => savePermission(dequal$1(entries.filter((item) => item.kind != "workflow"), selectedActions) ? permission : {
-				kind: "connector",
-				mode: "independent",
-				actions: entries.filter((item) => item.kind != "workflow")
-			}, entries.filter((item) => item.kind == "workflow"))
-		}, selection.id)] }),
+		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			false,
+			/* @__PURE__ */ jsx(CodeHttpHosts, {
+				disabled: disabled || pending,
+				hosts: httpHosts,
+				onSave: saveHttpHosts
+			}, `${selection.id}-http`),
+			/* @__PURE__ */ jsx(ActionSelectionDialog, {
+				notify: store.notify,
+				title: t("actionPicker.configureActions"),
+				triggerHint: selectedTools.length > 0 ? summary.workflows > 0 ? t("toolPicker.summary", {
+					tools: summary.count,
+					workflows: summary.workflows
+				}) : t("actionPicker.selectionSummary", {
+					actions: selectedTools.length,
+					providers: summary.providers.length
+				}) : void 0,
+				trigger: /* @__PURE__ */ jsxs(Button$1, {
+					type: "button",
+					variant: actionIssue ? "destructive" : "ghost",
+					size: "sm",
+					"aria-invalid": actionIssue || void 0,
+					className: actionIssue ? "gap-1.5 font-normal" : "gap-1.5 font-normal text-muted-foreground",
+					children: [actionIssue && /* @__PURE__ */ jsx("i", {
+						"aria-hidden": "true",
+						"data-icon": "inline-start",
+						className: "i-lucide-light:unplug size-3.5"
+					}), selectedTools.length === 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [!actionIssue && /* @__PURE__ */ jsx("i", {
+						"aria-hidden": "true",
+						"data-icon": "inline-start",
+						className: "i-lucide-light:plus size-3.5"
+					}), t("actionPicker.triggerLabel")] }) : /* @__PURE__ */ jsx(IconStack, {
+						icons: summary.providers,
+						count: summary.count,
+						size: "sm"
+					})]
+				}),
+				entries: selectedTools,
+				connectors,
+				prepareAction,
+				workflows: workflowTools,
+				disabled: disabled || pending,
+				createEntry: (action) => ({ action: action.actionId }),
+				onSave: (entries) => savePermission(dequal$1(entries.filter((item) => item.kind != "workflow"), selectedActions) ? permission : {
+					kind: "connector",
+					mode: "independent",
+					actions: entries.filter((item) => item.kind != "workflow")
+				}, entries.filter((item) => item.kind == "workflow"))
+			}, selection.id)
+		] }),
 		children: [
 			(loadError ?? completionError) != null && /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-2",
@@ -25177,32 +23519,6 @@ function isUnknownRecord(value) {
 	return isPlainObject(value);
 }
 //#endregion
-//#region src/ui/browser/native-select.tsx
-function NativeSelect({ className, size = "default", ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("group/native-select relative w-fit has-[select:disabled]:opacity-50", className),
-		"data-slot": "native-select-wrapper",
-		"data-size": size,
-		children: [/* @__PURE__ */ jsx("select", {
-			"data-slot": "native-select",
-			"data-size": size,
-			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",
-			"aria-hidden": "true",
-			"data-slot": "native-select-icon"
-		})]
-	});
-}
-function NativeSelectOption({ className, ...props }) {
-	return /* @__PURE__ */ jsx("option", {
-		"data-slot": "native-select-option",
-		className: cn("bg-[Canvas] text-[CanvasText]", className),
-		...props
-	});
-}
-//#endregion
 //#region src/ui/browser/simple-code-editor.ts
 var import_lib = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports) => {
 	var __assign = exports && exports.__assign || function() {
@@ -27651,6 +25967,122 @@ function DecisionItemActions({ addLabel, removeLabel, canAdd = true, onAdd, onRe
 	}), /* @__PURE__ */ jsx(TooltipContent, { children: removeLabel })] })] });
 }
 //#endregion
+//#region src/workbench/browser/runtime/editor/dedupeSection.tsx
+function DedupeSection({ task, disabled, onSave, history }) {
+	const t = useTranslate();
+	const id = useId();
+	const taskRef = useRef(task);
+	taskRef.current = task;
+	const saveRef = useRef(onSave);
+	saveRef.current = onSave;
+	const [changes] = useState(() => new TaskExecutorChanges(task.executor, (before, next) => {
+		const current = taskRef.current;
+		if (before.kind !== "dedupe" || next.kind !== "dedupe" || current.executor.kind !== "dedupe") return Promise.resolve(false);
+		const executor = { ...current.executor };
+		for (const key of [
+			"field",
+			"mode",
+			"space"
+		]) if (before[key] !== next[key]) Object.assign(executor, { [key]: next[key] });
+		return saveRef.current(current, {
+			...current,
+			executor
+		});
+	}));
+	const [config, setConfig] = useState(changes.value);
+	const [failed, setFailed] = useState(false);
+	useEffect(() => {
+		changes.sync(task.executor);
+		setConfig(changes.value);
+	}, [changes, task.executor]);
+	async function save() {
+		try {
+			setFailed(!await changes.save());
+		} catch {
+			setFailed(true);
+		}
+	}
+	function update(patch) {
+		if (disabled || changes.value.kind !== "dedupe") return;
+		changes.value = {
+			...changes.value,
+			...patch
+		};
+		setConfig(changes.value);
+		save();
+	}
+	if (config.kind !== "dedupe") return null;
+	return /* @__PURE__ */ jsx(InspectorSection, {
+		title: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+			className: "min-w-0 flex-1",
+			children: t("flowState.nodeTitle")
+		}), history] }),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "node-settings flex flex-col gap-3",
+			children: [
+				/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: `${id}-field`,
+					children: t("flowState.field")
+				}), /* @__PURE__ */ jsx(Input, {
+					id: `${id}-field`,
+					disabled,
+					defaultValue: config.field,
+					placeholder: t("flowState.fieldPlaceholder"),
+					onBlur: (event) => {
+						if (event.target.value !== config.field) update({ field: event.target.value });
+					}
+				}, config.field)] }),
+				/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: `${id}-mode`,
+					children: t("flowState.mode")
+				}), /* @__PURE__ */ jsxs(NativeSelect, {
+					id: `${id}-mode`,
+					disabled,
+					value: config.mode,
+					onChange: (event) => update({ mode: event.target.value }),
+					children: [/* @__PURE__ */ jsx(NativeSelectOption, {
+						value: "new",
+						children: t("flowState.new")
+					}), /* @__PURE__ */ jsx(NativeSelectOption, {
+						value: "increasing",
+						children: t("flowState.increasing")
+					})]
+				})] }),
+				/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: `${id}-space`,
+					children: t("flowState.space")
+				}), /* @__PURE__ */ jsxs(NativeSelect, {
+					id: `${id}-space`,
+					disabled,
+					value: config.space,
+					onChange: (event) => update({ space: event.target.value }),
+					children: [/* @__PURE__ */ jsx(NativeSelectOption, {
+						value: "node",
+						children: t("flowState.nodeSpace")
+					}), /* @__PURE__ */ jsx(NativeSelectOption, {
+						value: "flow",
+						children: t("flowState.flowSpace")
+					})]
+				})] }),
+				failed && /* @__PURE__ */ jsxs("div", {
+					role: "alert",
+					children: [/* @__PURE__ */ jsx("p", { children: t("httpRequest.saveFailed") }), /* @__PURE__ */ jsx(Button$1, {
+						disabled,
+						onClick: () => void save(),
+						variant: "outline",
+						size: "sm",
+						children: t("httpRequest.retry")
+					})]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "m-0 text-muted-foreground text-xs",
+					children: t("flowState.warning")
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region src/workbench/browser/runtime/editor/errorTriggerSources.tsx
 function ErrorTriggerSources({ flows, flowId, value, disabled = false, complete = true, footer, onChange }) {
 	const t = useTranslate();
@@ -32402,7 +30834,7 @@ function inspectorIcon(node) {
 	if (node?.kind == "task" && node.definition != null && "executor" in node.definition) {
 		if (node.definition.executor.kind == "decision") return "decision";
 		if (node.definition.executor.kind == "workflow") return "flow";
-		if (node.definition.executor.kind == "openapi" || node.definition.executor.kind == "http-request") return "task";
+		if (node.definition.executor.kind == "openapi" || node.definition.executor.kind == "http-request" || node.definition.executor.kind == "dedupe") return "task";
 		return node.definition.executor.kind == "connector" ? "connection" : "llm";
 	}
 	return "task";
@@ -32435,6 +30867,7 @@ function nodePurposePlaceholder(selection, t, action, displays) {
 				case "agent": return t("addNode.agentDescription");
 				case "decision": return t("decision.description");
 				case "workflow": return t("workflow.description");
+				case "dedupe": return;
 				case "http-request": return t("httpRequest.description");
 				case "openapi": return t("openapi.description");
 				case "connector": return action?.description;
@@ -32782,6 +31215,25 @@ function NodeInspector({ onAddWorkflowOutputs, onAddResponseNode, webhookDeploym
 					actions: workflowActions,
 					list: (signal) => store.listWorkflowTargets(signal)
 				}, `workflow:${selection?.id}`),
+				task != null && "executor" in task && task.executor.kind === "dedupe" && /* @__PURE__ */ jsx(DedupeSection, {
+					task,
+					disabled,
+					history: store != null && store.$.flowId.value != null ? /* @__PURE__ */ jsx(FlowStateButton, {
+						client: store.state,
+						flowId: store.$.flowId.value,
+						nodeIds: Object.keys(revision.graph()?.nodes ?? {}),
+						history: {
+							nodeId: selection.id,
+							space: task.executor.space === "flow" ? "flow" : `node:${selection.id}`
+						}
+					}, selection.id) : void 0,
+					onSave: (before, value) => store?.nodes.saveTaskSettings(selection.id, {
+						kind: "dedupe",
+						name: task.name,
+						before,
+						task: value
+					}) ?? Promise.resolve(false)
+				}, `${revision.revision.flowId}:${selection.id}`),
 				isHttpRequest && task != null && "executor" in task && /* @__PURE__ */ jsx(HttpRequestSection, {
 					task,
 					disabled,
@@ -37582,6 +36034,7 @@ function WorkspaceDiagnosticsIsland({ checking, items, nodes, onOpenChange, onRe
 			}), /* @__PURE__ */ jsxs(PopoverContent, {
 				align: "end",
 				className: "diagnostics-popover nodrag nopan",
+				"data-canvas-control-scope": true,
 				container: popupContainer,
 				side: "bottom",
 				sideOffset: 8,
@@ -37605,7 +36058,7 @@ function WorkspaceDiagnosticsIsland({ checking, items, nodes, onOpenChange, onRe
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/workspaceNavigationIsland.tsx
-function WorkspaceNavigationIsland({ flowName, flowsHref, ghost = false, onOpenFlows, saveStatus }) {
+function WorkspaceNavigationIsland({ flowName, settings, flowsHref, ghost = false, onOpenFlows, saveStatus }) {
 	const t = useTranslate();
 	const [tooltipContainer, setTooltipContainer] = useState(null);
 	const draftStatus = saveStatus == "saved" || saveStatus == "saving" || saveStatus == "failed" ? saveStatus : void 0;
@@ -37656,7 +36109,8 @@ function WorkspaceNavigationIsland({ flowName, flowsHref, ghost = false, onOpenF
 							role: "status",
 							tabIndex: 0
 						})
-					})
+					}),
+					settings
 				]
 			})
 		})
@@ -37669,7 +36123,7 @@ var blockedReasonKey = {
 	busy: "workspace.publishActionInProgress",
 	publishing: "workspace.publishInProgress"
 };
-function WorkspacePublishIsland({ hasPublications, onOpenPublications, onExport, onExportSvg, onOpenRuns, onPublish, state }) {
+function WorkspacePublishIsland({ hasPublications, onOpenPublications, onExport, onExportSvg, onOpenRuns, onOpenState, onPublish, state }) {
 	const t = useTranslate();
 	const [popupContainer, setPopupContainer] = useState(null);
 	const [confirming, setConfirming] = useState(false);
@@ -37805,6 +36259,14 @@ function WorkspacePublishIsland({ hasPublications, onOpenPublications, onExport,
 							children: historyLabel
 						})]
 					}),
+					onOpenState != null && /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: "gap-2 px-2 py-[5px]",
+						onClick: onOpenState,
+						children: [/* @__PURE__ */ jsx("i", {
+							"aria-hidden": "true",
+							className: "i-lucide-light:database size-4 shrink-0 text-foreground/70"
+						}), t("flowState.title")]
+					}),
 					/* @__PURE__ */ jsxs(DropdownMenuItem, {
 						className: "gap-2 px-2 py-[5px]",
 						onClick: onOpenRuns,
@@ -38044,7 +36506,9 @@ function FlowEditor({ navigationIsland, onRun, onRunStarted, onCloseRuns, onConf
 	const connections = useVal(store.connectors.$.pickerConnections);
 	const triggerCatalogState = useVal(store.triggers.catalog.state);
 	const [startId, setStartId] = useState();
+	const [stateTarget, setStateTarget] = useState();
 	const runInputRequest = useVal(store.runRequests.$.inputRequest);
+	useVal(store.runRequests.$.inputsLoaded);
 	const busy = useVal(store.$.busy);
 	const diagnostics = useVal(store.$.diagnostics);
 	const diagnosticItems = useVal(store.$.diagnosticItems);
@@ -38185,244 +36649,266 @@ function FlowEditor({ navigationIsland, onRun, onRunStarted, onCloseRuns, onConf
 		onRedo: () => void store.workspace.redo(),
 		onRetry: () => void store.workspace.retryHistorySync()
 	};
-	return /* @__PURE__ */ jsxs(CanvasHistoryScope, {
-		history: historyControls,
-		disabled: authoringDisabled,
-		"aria-label": t("workspace.design"),
-		className: `editor-grid ${contextPanelVisible ? "" : "context-panel-closed"}`,
-		id: "workspace-panel-design",
-		role: "region",
-		tabIndex: 0,
-		children: [
-			/* @__PURE__ */ jsx(WorkbenchCanvas, {
-				interactiveMode$: store.interactiveMode$,
-				connectionControl: /* @__PURE__ */ jsx(ConnectionUsageButton, {
-					connectionHref,
-					onManage: onManageConnectorAccess,
-					onSelectReference: setAccountReference,
-					store
-				}, flowId),
-				topLeftTools: navigationIsland,
-				bottomRightTools: /* @__PURE__ */ jsx(RunStatusIslandContainer, {
-					onToggle: onToggleRuns,
-					open: runDrawerOpen,
-					panelId: RUN_LOG_PANEL_ID,
-					store
-				}),
-				cornerLeading: /* @__PURE__ */ jsxs("div", {
-					className: "workspace-corner-leading",
-					children: [diagnostics?.valid == false && diagnosticItems.length > 0 && /* @__PURE__ */ jsx(WorkspaceDiagnosticsIsland, {
-						checking: checkLoading,
-						items: diagnosticItems,
-						nodes: designerNodes,
-						onOpenChange: (open) => {
-							if (open) store.runRequests.dismissInputs();
-							setDiagnosticsOpen(open);
+	return /* @__PURE__ */ jsx(NodeHistoryContext.Provider, {
+		value: (nodeId) => {
+			const node = revision?.graph().nodes[nodeId];
+			if (flowId == null || node?.kind !== "task" || !("executor" in node.task) || node.task.executor.kind !== "dedupe") return void 0;
+			const space = node.task.executor.space === "flow" ? "flow" : `node:${nodeId}`;
+			return {
+				label: t("flowState.history"),
+				onClick: () => setStateTarget({ history: {
+					nodeId,
+					space
+				} })
+			};
+		},
+		children: /* @__PURE__ */ jsxs(CanvasHistoryScope, {
+			history: historyControls,
+			disabled: authoringDisabled,
+			"aria-label": t("workspace.design"),
+			className: `editor-grid ${contextPanelVisible ? "" : "context-panel-closed"}`,
+			id: "workspace-panel-design",
+			role: "region",
+			tabIndex: 0,
+			children: [
+				flowId != null && stateTarget != null && /* @__PURE__ */ jsx(FlowStateButton, {
+					client: store.state,
+					flowId,
+					nodeIds: designer.nodes.map((node) => node.id),
+					history: stateTarget.history,
+					onClose: () => setStateTarget(void 0)
+				}, `${flowId}:${stateTarget.history?.nodeId ?? "all"}`),
+				/* @__PURE__ */ jsx(WorkbenchCanvas, {
+					interactiveMode$: store.interactiveMode$,
+					connectionControl: /* @__PURE__ */ jsx(ConnectionUsageButton, {
+						connectionHref,
+						onManage: onManageConnectorAccess,
+						onSelectReference: setAccountReference,
+						store
+					}, flowId),
+					topLeftTools: navigationIsland,
+					bottomRightTools: /* @__PURE__ */ jsx(RunStatusIslandContainer, {
+						onToggle: onToggleRuns,
+						open: runDrawerOpen,
+						panelId: RUN_LOG_PANEL_ID,
+						store
+					}),
+					cornerLeading: /* @__PURE__ */ jsxs("div", {
+						className: "workspace-corner-leading",
+						children: [diagnostics?.valid == false && diagnosticItems.length > 0 && /* @__PURE__ */ jsx(WorkspaceDiagnosticsIsland, {
+							checking: checkLoading,
+							items: diagnosticItems,
+							nodes: designerNodes,
+							onOpenChange: (open) => {
+								if (open) store.runRequests.dismissInputs();
+								setDiagnosticsOpen(open);
+							},
+							onRefresh: () => void store.workspace.check(),
+							onSelect: (item) => {
+								if (store.workspace.locateDiagnostic(item)) setDiagnosticsOpen(false);
+							},
+							onSelectNode: (nodeId) => {
+								if (store.workspace.locateNode(nodeId)) {
+									openInspector();
+									setDiagnosticsOpen(false);
+								}
+							},
+							open: diagnosticsOpen
+						}), /* @__PURE__ */ jsx(WorkspacePublishIsland, {
+							onExportSvg: connectorAccess.access?.mode != "selectable" || designer.nodes.length == 0 ? void 0 : () => store.exportSvg(language, {
+								dark: theme == "dark",
+								ignoredNodeIds
+							}),
+							onExport: () => {
+								const id = store.workspace.$.flowId.value;
+								if (id != null) store.workspace.exportFlow(id);
+							},
+							hasPublications: live == null ? void 0 : live.publication != null,
+							onOpenPublications,
+							onOpenRuns,
+							onOpenState: flowId == null ? void 0 : () => setStateTarget({}),
+							onPublish: () => void store.publications.publish(),
+							state: publishState
+						})]
+					}),
+					history: historyControls,
+					ignoredNodeIds,
+					onIgnoreNodes,
+					runControl: draft != null && selectedTrigger != null ? /* @__PURE__ */ jsx(RunControl, {
+						disabled: busy != null && busy != "run" && busy != "designer",
+						inputContent: /* @__PURE__ */ jsx(RunInputPanel, {
+							onStarted: onRunStarted,
+							store: store.runRequests,
+							theme
+						}),
+						inputOpen: runInputRequest?.triggerId == selectedTrigger.id,
+						inputStatus: store.runRequests.inputStatus(draft.flowId, draft, selectedTrigger.id),
+						onInputOpenChange: (open) => {
+							if (open) store.editDraftRunInputs(selectedTrigger.id);
+							else store.runRequests.dismissInputs();
 						},
-						onRefresh: () => void store.workspace.check(),
-						onSelect: (item) => {
-							if (store.workspace.locateDiagnostic(item)) setDiagnosticsOpen(false);
+						onRun: () => onRun(selectedTrigger.id),
+						onSelectTrigger: (triggerId) => {
+							store.runRequests.dismissInputs();
+							setStartId(triggerId);
 						},
-						onSelectNode: (nodeId) => {
-							if (store.workspace.locateNode(nodeId)) {
-								openInspector();
-								setDiagnosticsOpen(false);
-							}
+						selectedTriggerId: selectedTrigger.id,
+						starting: busy == "run",
+						triggers
+					}) : void 0,
+					addNodeControl: /* @__PURE__ */ jsx(NodePickerPopover, {
+						options: addNodeOptions,
+						connections,
+						loadConnections: store.connectors.loadConnections,
+						browseOptions: store.browseAddNodeOptions,
+						searchOptions: store.provideAddNodeOptions,
+						provideChoices: store.provideAddNodeOptionChoices,
+						catalogFailed: triggerCatalogState.error != null,
+						refreshCatalog: store.retryCatalog,
+						initialTab: initialAddNodeTab,
+						disabled: authoringDisabled,
+						focusRequest: 0,
+						onAdd: addFromPicker,
+						onRegisterDragOption: (option) => designerRef.current?.registerDraggedNode(option),
+						onDragEnd: () => designerRef.current?.clearDraggedNode()
+					}, flowId ?? ""),
+					nodePicker: {
+						connections,
+						loadConnections: store.connectors.loadConnections,
+						browseOptions: store.browseAddNodeOptions,
+						provideChoices: store.provideAddNodeOptionChoices,
+						catalogFailed: triggerCatalogState.error != null,
+						refreshCatalog: store.retryCatalog,
+						initialTab: initialAddNodeTab
+					},
+					addNodeOptions,
+					disabled: authoringDisabled,
+					subscribeCanvasCommands: store.workspace.subscribeCanvasCommands,
+					focusNodeRequest: diagnosticFocus ?? nodeFocus,
+					inspectorOpen: contextPanelVisible,
+					model: designer,
+					annotationContext: canvasAnnotations(flowId, draft, workspaceStatus, moduleEditor?.status, history.failed),
+					onAddNode: async (option, position, connection) => {
+						const nodeId = await store.addNode(option, position, connection);
+						if (nodeId != null && flowId != null && store.workspace.$.flowId.value == flowId) {
+							setAddedNode({
+								flowId,
+								nodeId
+							});
+							if (panel.open) panel.activate([nodeId]);
+						}
+						return nodeId;
+					},
+					onConnect: (edge) => void store.workspace.connect(edge),
+					onChangeNodeContentHidden: (nodeId, hidden) => void store.workspace.saveNodeContentHidden(nodeId, hidden),
+					onChangeComment: (nodeId, value) => void store.workspace.saveComment(nodeId, value),
+					onCopy: () => store.workspace.copySelectedNodes(),
+					onDeleteEdge: (edge) => void store.workspace.disconnect(edge),
+					onDeleteNodes: () => void store.workspace.deleteSelectedNodes(),
+					onDuplicate: (positions, offset) => void store.workspace.duplicateSelectedNodes(positions, offset),
+					onMoveNodes: (positions) => void store.workspace.moveNodes(positions),
+					onMoveViewport: (viewport) => void store.workspace.moveViewport(viewport),
+					onPaste: () => void store.workspace.pasteNodes(),
+					provideAddNodeOptions: store.provideAddNodeOptions,
+					onSelectNodes: panel.select,
+					onActivateSelection: panel.activate,
+					onSelectionStart: panel.startSelection,
+					onSelectionEnd: panel.endSelection,
+					onToggleInspector: toggleInspector,
+					ref: designerRef,
+					selectedNodeIds: panel.canvasSelection,
+					theme
+				}),
+				contextPanelVisible && /* @__PURE__ */ jsxs(EditorContextPanel, {
+					resizable: true,
+					onBack: !flowSelected ? () => {
+						panel.back();
+						designerRef.current?.focusCanvas();
+					} : void 0,
+					nodeId: singleSelected ? selectedDesignerNode?.id : void 0,
+					nodeHeading: singleSelected && selection != null ? {
+						titleReadOnly: selection.kind === "trigger" && (selection.trigger.kind === "manual" || selection.trigger.kind === "start"),
+						title: selection.node.name ?? selectedDesignerNode?.title ?? "",
+						icon: selectedDesignerNode != null && "icon" in selectedDesignerNode ? selectedDesignerNode.icon : void 0,
+						disabled: authoringDisabled,
+						fallback: /* @__PURE__ */ jsx(Icon, { name: inspectorIcon(selection) }),
+						onRename: (name) => {
+							store.workspace.nodes.saveNodeTitle(selection.id, name);
+						},
+						onIconChange: (icon) => {
+							store.workspace.nodes.saveNodeIcon(selection.id, icon);
 						},
-						open: diagnosticsOpen
-					}), /* @__PURE__ */ jsx(WorkspacePublishIsland, {
-						onExportSvg: connectorAccess.access?.mode != "selectable" || designer.nodes.length == 0 ? void 0 : () => store.exportSvg(language, {
-							dark: theme == "dark",
-							ignoredNodeIds
+						validate: (name) => {
+							if (revision == null) return;
+							const graph = revision.graph();
+							if (graph == null) return;
+							const issue = nodeNameIssue(graph, selection.id, name);
+							return issue == null ? void 0 : t(`inspector.node.${issue === "empty" ? "nameEmpty" : "nameDuplicate"}`);
+						}
+					} : singleSelected && selectedDesignerNode?.kind === "comment" ? {
+						title: selectedDesignerNode.title,
+						disabled: authoringDisabled,
+						fallback: /* @__PURE__ */ jsx("i", {
+							"aria-hidden": "true",
+							className: "i-codicon:note"
 						}),
-						onExport: () => {
-							const id = store.workspace.$.flowId.value;
-							if (id != null) store.workspace.exportFlow(id);
+						validate: () => void 0,
+						onRename: (title) => {
+							store.workspace.saveComment(selectedDesignerNode.id, {
+								title,
+								content: selectedDesignerNode.content ?? ""
+							});
+						}
+					} : void 0,
+					focusOnOpen: focusInspectorOnOpen.current,
+					icon: contextPanelIcon,
+					onClose: () => closeContextPanel(opener.current),
+					theme,
+					title: contextPanelTitle,
+					children: [/* @__PURE__ */ jsx("div", {
+						hidden: !flowSelected,
+						className: flowSelected ? "flex h-full min-h-0 flex-col" : "hidden",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "min-h-0 flex-1",
+							children: /* @__PURE__ */ jsx(FlowNodeList, {
+								groupTriggers: true,
+								nodes: designer.nodes,
+								onFocusNode: focusNode,
+								onSelect: selectOutlineNode
+							}, flowId ?? "")
+						})
+					}), multipleSelected ? /* @__PURE__ */ jsx(FlowNodeList, {
+						nodes: designer.nodes.filter((node) => selectedNodeIds.includes(node.id)),
+						onSelect: selectOutlineNode,
+						onFocusNode: focusNode
+					}) : flowSelected ? null : selectedDesignerNode?.kind == "comment" ? /* @__PURE__ */ jsx(CommentInspector, {
+						title: selectedDesignerNode.title,
+						content: selectedDesignerNode.content ?? "",
+						disabled: authoringDisabled,
+						dark: theme == "dark",
+						onSave: (comment) => void store.workspace.saveComment(selectedDesignerNode.id, comment)
+					}, selectedDesignerNode.id) : revision != null && /* @__PURE__ */ jsx(NodeInspectorContainer, {
+						onAddWorkflowOutputs: () => {
+							const option = store.workspace.$.addNodeOptions.value.find((item) => item.kind === "outputs");
+							if (option != null) addFromPicker(option);
 						},
-						hasPublications: live == null ? void 0 : live.publication != null,
-						onOpenPublications,
-						onOpenRuns,
-						onPublish: () => void store.publications.publish(),
-						state: publishState
+						store,
+						focus: diagnosticFocus,
+						disabled: authoringDisabled,
+						revision,
+						selection,
+						theme
 					})]
 				}),
-				history: historyControls,
-				ignoredNodeIds,
-				onIgnoreNodes,
-				runControl: draft != null && selectedTrigger != null ? /* @__PURE__ */ jsx(RunControl, {
-					disabled: busy != null && busy != "run" && busy != "designer",
-					inputContent: /* @__PURE__ */ jsx(RunInputPanel, {
-						onStarted: onRunStarted,
-						store: store.runRequests,
-						theme
-					}),
-					inputOpen: runInputRequest?.triggerId == selectedTrigger.id,
-					inputStatus: store.runRequests.inputStatus(draft.flowId, draft, selectedTrigger.id),
-					onInputOpenChange: (open) => {
-						if (open) store.editDraftRunInputs(selectedTrigger.id);
-						else store.runRequests.dismissInputs();
-					},
-					onRun: () => onRun(selectedTrigger.id),
-					onSelectTrigger: (triggerId) => {
-						store.runRequests.dismissInputs();
-						setStartId(triggerId);
-					},
-					selectedTriggerId: selectedTrigger.id,
-					starting: busy == "run",
-					triggers
-				}) : void 0,
-				addNodeControl: /* @__PURE__ */ jsx(NodePickerPopover, {
-					options: addNodeOptions,
-					connections,
-					loadConnections: store.connectors.loadConnections,
-					browseOptions: store.browseAddNodeOptions,
-					searchOptions: store.provideAddNodeOptions,
-					provideChoices: store.provideAddNodeOptionChoices,
-					catalogFailed: triggerCatalogState.error != null,
-					refreshCatalog: store.retryCatalog,
-					initialTab: initialAddNodeTab,
-					disabled: authoringDisabled,
-					focusRequest: 0,
-					onAdd: addFromPicker,
-					onRegisterDragOption: (option) => designerRef.current?.registerDraggedNode(option),
-					onDragEnd: () => designerRef.current?.clearDraggedNode()
-				}, flowId ?? ""),
-				nodePicker: {
-					connections,
-					loadConnections: store.connectors.loadConnections,
-					browseOptions: store.browseAddNodeOptions,
-					provideChoices: store.provideAddNodeOptionChoices,
-					catalogFailed: triggerCatalogState.error != null,
-					refreshCatalog: store.retryCatalog,
-					initialTab: initialAddNodeTab
-				},
-				addNodeOptions,
-				disabled: authoringDisabled,
-				subscribeCanvasCommands: store.workspace.subscribeCanvasCommands,
-				focusNodeRequest: diagnosticFocus ?? nodeFocus,
-				inspectorOpen: contextPanelVisible,
-				model: designer,
-				annotationContext: canvasAnnotations(flowId, draft, workspaceStatus, moduleEditor?.status, history.failed),
-				onAddNode: async (option, position, connection) => {
-					const nodeId = await store.addNode(option, position, connection);
-					if (nodeId != null && flowId != null && store.workspace.$.flowId.value == flowId) {
-						setAddedNode({
-							flowId,
-							nodeId
-						});
-						if (panel.open) panel.activate([nodeId]);
-					}
-					return nodeId;
-				},
-				onConnect: (edge) => void store.workspace.connect(edge),
-				onChangeNodeContentHidden: (nodeId, hidden) => void store.workspace.saveNodeContentHidden(nodeId, hidden),
-				onChangeComment: (nodeId, value) => void store.workspace.saveComment(nodeId, value),
-				onCopy: () => store.workspace.copySelectedNodes(),
-				onDeleteEdge: (edge) => void store.workspace.disconnect(edge),
-				onDeleteNodes: () => void store.workspace.deleteSelectedNodes(),
-				onDuplicate: (positions, offset) => void store.workspace.duplicateSelectedNodes(positions, offset),
-				onMoveNodes: (positions) => void store.workspace.moveNodes(positions),
-				onMoveViewport: (viewport) => void store.workspace.moveViewport(viewport),
-				onPaste: () => void store.workspace.pasteNodes(),
-				provideAddNodeOptions: store.provideAddNodeOptions,
-				onSelectNodes: panel.select,
-				onActivateSelection: panel.activate,
-				onSelectionStart: panel.startSelection,
-				onSelectionEnd: panel.endSelection,
-				onToggleInspector: toggleInspector,
-				ref: designerRef,
-				selectedNodeIds: panel.canvasSelection,
-				theme
-			}),
-			contextPanelVisible && /* @__PURE__ */ jsxs(EditorContextPanel, {
-				resizable: true,
-				onBack: !flowSelected ? () => {
-					panel.back();
-					designerRef.current?.focusCanvas();
-				} : void 0,
-				nodeId: singleSelected ? selectedDesignerNode?.id : void 0,
-				nodeHeading: singleSelected && selection != null ? {
-					titleReadOnly: selection.kind === "trigger" && (selection.trigger.kind === "manual" || selection.trigger.kind === "start"),
-					title: selection.node.name ?? selectedDesignerNode?.title ?? "",
-					icon: selectedDesignerNode != null && "icon" in selectedDesignerNode ? selectedDesignerNode.icon : void 0,
-					disabled: authoringDisabled,
-					fallback: /* @__PURE__ */ jsx(Icon, { name: inspectorIcon(selection) }),
-					onRename: (name) => {
-						store.workspace.nodes.saveNodeTitle(selection.id, name);
-					},
-					onIconChange: (icon) => {
-						store.workspace.nodes.saveNodeIcon(selection.id, icon);
-					},
-					validate: (name) => {
-						if (revision == null) return;
-						const graph = revision.graph();
-						if (graph == null) return;
-						const issue = nodeNameIssue(graph, selection.id, name);
-						return issue == null ? void 0 : t(`inspector.node.${issue === "empty" ? "nameEmpty" : "nameDuplicate"}`);
-					}
-				} : singleSelected && selectedDesignerNode?.kind === "comment" ? {
-					title: selectedDesignerNode.title,
-					disabled: authoringDisabled,
-					fallback: /* @__PURE__ */ jsx("i", {
-						"aria-hidden": "true",
-						className: "i-codicon:note"
-					}),
-					validate: () => void 0,
-					onRename: (title) => {
-						store.workspace.saveComment(selectedDesignerNode.id, {
-							title,
-							content: selectedDesignerNode.content ?? ""
-						});
-					}
-				} : void 0,
-				focusOnOpen: focusInspectorOnOpen.current,
-				icon: contextPanelIcon,
-				onClose: () => closeContextPanel(opener.current),
-				theme,
-				title: contextPanelTitle,
-				children: [/* @__PURE__ */ jsx("div", {
-					hidden: !flowSelected,
-					className: flowSelected ? "flex h-full min-h-0 flex-col" : "hidden",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "min-h-0 flex-1",
-						children: /* @__PURE__ */ jsx(FlowNodeList, {
-							groupTriggers: true,
-							nodes: designer.nodes,
-							onFocusNode: focusNode,
-							onSelect: selectOutlineNode
-						}, flowId ?? "")
-					})
-				}), multipleSelected ? /* @__PURE__ */ jsx(FlowNodeList, {
-					nodes: designer.nodes.filter((node) => selectedNodeIds.includes(node.id)),
-					onSelect: selectOutlineNode,
-					onFocusNode: focusNode
-				}) : flowSelected ? null : selectedDesignerNode?.kind == "comment" ? /* @__PURE__ */ jsx(CommentInspector, {
-					title: selectedDesignerNode.title,
-					content: selectedDesignerNode.content ?? "",
-					disabled: authoringDisabled,
-					dark: theme == "dark",
-					onSave: (comment) => void store.workspace.saveComment(selectedDesignerNode.id, comment)
-				}, selectedDesignerNode.id) : revision != null && /* @__PURE__ */ jsx(NodeInspectorContainer, {
-					onAddWorkflowOutputs: () => {
-						const option = store.workspace.$.addNodeOptions.value.find((item) => item.kind === "outputs");
-						if (option != null) addFromPicker(option);
-					},
-					store,
-					focus: diagnosticFocus,
-					disabled: authoringDisabled,
-					revision,
-					selection,
-					theme
-				})]
-			}),
-			/* @__PURE__ */ jsx(RunDrawerContainer, {
-				onOpenRuns,
-				onClose: onCloseRuns,
-				onConfigureConnector,
-				open: runDrawerOpen,
-				store
-			})
-		]
+				/* @__PURE__ */ jsx(RunDrawerContainer, {
+					onOpenRuns,
+					onClose: onCloseRuns,
+					onConfigureConnector,
+					open: runDrawerOpen,
+					store
+				})
+			]
+		})
 	});
 }
 function FlowWorkspace({ hrefFor, navigation, onConfigureConnector, onManageConnectorAccess, connectionHref, store, theme }) {
@@ -38498,6 +36984,15 @@ function FlowWorkspace({ hrefFor, navigation, onConfigureConnector, onManageConn
 	const navigationIsland = /* @__PURE__ */ jsx(WorkspaceNavigationIsland, {
 		ghost: view == "design" && !canvasReady,
 		saveStatus: view == "design" && canvasReady ? saveStatus : void 0,
+		settings: flow != null && /* @__PURE__ */ jsx(FlowSettingsButton, {
+			flow,
+			store,
+			hrefForFlow: (target) => hrefFor({
+				flowId: target.flowId,
+				view: "design"
+			}),
+			onSelectFlow: (target) => void navigation.selectFlow(target)
+		}, flow.flowId),
 		flowName: flow?.name ?? flow?.flowId ?? "",
 		flowsHref: hrefFor({ view: "design" }),
 		onOpenFlows: () => void navigation.openFlows()