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

package/dist/browser/workbench.js

@@ -1,7 +1,7 @@
-import { $n as normalizeTriggerOutputs, $t as EmptyHeader, At as updateStartInputDefs, B as scopedValue, Cr as inputValue, Ct as setNodePositions, Dr as string, Dt as setConnectorConnection, Er as record, Et as setCodeActions, Ft as followWorkbenchLink, G as connectorActionPorts, Gn as errorNotice, I as feishuResourceKind, It as Popover, Jn as allConnectorConnectionsQuery, Jt as InputGroupAddon, K as designerGraph, Kn as WorkbenchClient, L as supportsFeishuChatFilter, Lt as PopoverContent, Mn as createI18n, Mr as IconThemeContext, Mt as updateTriggerSchedule, N as addNodeIntent, Nt as WorkflowExportMenuItem, On as Badge, Or as ApiError, Ot as setInputSources, P as deriveAddNodeOptions, Pt as IdTooltip, Qt as EmptyDescription, R as combineSources, St as setNodeContentHidden, Tr as jsonValue, Tt as resetInputValues, U as resourceData, V as CacheResource, Vt as PopoverTitle, W as resourceValue, X as providerIcon, Xn as decodeTriggerCatalog, Xt as Empty, Yt as InputGroupInput, Zt as EmptyContent, _ as updateTaskPorts, _t as flowPresentation, a as nameCreatedNodes, ar as encodeWorkflowFile, at as revisionView, br as workflowCandidate, bt as setComment, c as updateCondition, cr as workflowNameFromFile, ct as deriveInspectorDiagnostics, d as updateNodeName, dr as providerIconAppearance, en as EmptyMedia, er as sampleErrorOutputs, f as updateNodeSettings, g as updateTaskAdditionalInputs, gt as commentIds, h as updateTask, ht as canvasPresentationChange, i as deleteSelection, in as DropdownMenuContent, ir as connectorActionMetadata, jt as updateTriggerConfig, kn as EventSourcesPage, kr as controlErrorCode, kt as setTriggerConnection, l as updateNodeDescription, lt as diagnosticItems, m as updateResolution, mn as DropdownMenuTrigger, mt as connectionCatalog, nn as DropdownMenu, nr as isJsonObject, nt as RunStore, o as setInputValue, on as DropdownMenuItem, or as parseWorkflowFile, ot as flowResourceReferences, p as updateOutputPorts, pt as actionWithConnections, qn as randomId, qt as InputGroup, r as applyFlowChanges, rr as connection, s as setInputVariable, sr as workflowFileName, st as Latest, t as addNode, tn as EmptyTitle, tr as triggerOutputDefinitions, u as updateNodeIcon, un as DropdownMenuSeparator, v as updateValue, vt as removeComments, wr as invalidResponse, wt as repairNodeNames, xt as setFlowViewport, y as updateWebhook, yt as restoreCanvasPresentation } from "./flowChanges-T4_R5p1f.js";
+import { $t as EmptyDescription, An as EventSourcesPage, Ar as controlErrorCode, At as setTriggerConnection, B as scopedValue, Ct as setNodePositions, Dr as record, Dt as setConnectorConnection, Er as jsonValue, Et as setCodeActions, Ft as IdTooltip, G as connectorActionPorts, Ht as PopoverTitle, I as feishuResourceKind, It as followWorkbenchLink, Jn as randomId, Jt as InputGroup, K as designerGraph, Kn as errorNotice, L as supportsFeishuChatFilter, Lt as Popover, Mt as updateTriggerConfig, N as addNodeIntent, Nn as createI18n, Nr as IconThemeContext, Nt as updateTriggerSchedule, Or as string, Ot as setInputSources, P as deriveAddNodeOptions, Pt as WorkflowExportMenuItem, Qt as EmptyContent, R as combineSources, Rt as PopoverContent, St as setNodeContentHidden, Tr as invalidResponse, Tt as resetInputValues, U as resourceData, Ut as PopoverTrigger, V as CacheResource, W as resourceValue, X as providerIcon, Xt as InputGroupInput, Yn as allConnectorConnectionsQuery, Yt as InputGroupAddon, Zn as decodeTriggerCatalog, Zt as Empty, _ as updateTaskPorts, _t as flowPresentation, a as nameCreatedNodes, an as DropdownMenuContent, ar as connectorActionMetadata, at as revisionView, bt as setComment, c as updateCondition, cr as workflowFileName, ct as deriveInspectorDiagnostics, d as updateNodeName, dn as DropdownMenuSeparator, en as EmptyHeader, er as normalizeTriggerOutputs, f as updateNodeSettings, fr as providerIconAppearance, g as updateTaskAdditionalInputs, gt as commentIds, h as updateTask, hn as DropdownMenuTrigger, ht as canvasPresentationChange, i as deleteSelection, ir as connection, jt as updateStartInputDefs, kn as Badge, kr as ApiError, kt as setServiceConnections, l as updateNodeDescription, lr as workflowNameFromFile, lt as diagnosticItems, m as updateResolution, mt as connectionCatalog, nn as EmptyTitle, nr as triggerOutputDefinitions, nt as RunStore, o as setInputValue, or as encodeWorkflowFile, ot as flowResourceReferences, p as updateOutputPorts, pt as actionWithConnections, qn as WorkbenchClient, r as applyFlowChanges, rn as DropdownMenu, rr as isJsonObject, s as setInputVariable, sn as DropdownMenuItem, sr as parseWorkflowFile, st as Latest, t as addNode, tn as EmptyMedia, tr as sampleErrorOutputs, u as updateNodeIcon, v as updateValue, vt as removeComments, wr as inputValue, wt as repairNodeNames, xr as workflowCandidate, xt as setFlowViewport, y as updateWebhook, yt as restoreCanvasPresentation } from "./flowChanges-VB9Y4iy7.js";
 import { a as derive, i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { c as useLang, l as useTranslate, o as I18nProvider, u as useVal } from "./dist-BFmpkX4P.js";
-import { B as upgradeManualTrigger, E as FieldLabel, Ei as cn, G as mapConditionSources, K as nodeInputMappings, M as applyFlowChanges$1, P as isTriggerNode, S as Field, T as FieldGroup, Tt as dequal$1, V as upgradeRevisionContent, a as DialogDescription, c as DialogTitle, d as TooltipContent, fr as Input, i as DialogContent, j as FlowChangeError, n as Dialog, o as DialogFooter, p as TooltipTrigger, r as DialogClose, s as DialogHeader, t as Icon, u as Tooltip, w as FieldError, wi as Button, x as Spinner, z as resourceNameIssue } from "./icons-BD3m0RQq.js";
+import { B as upgradeManualTrigger, E as FieldLabel, Ei as cn, G as mapConditionSources, K as nodeInputMappings, M as applyFlowChanges$1, P as isTriggerNode, S as Field, T as FieldGroup, Tt as dequal$1, V as upgradeRevisionContent, a as DialogFooter, d as TooltipContent, fr as Input, i as DialogDescription, j as FlowChangeError, l as Icon, o as DialogHeader, p as TooltipTrigger, r as DialogContent, s as DialogTitle, t as Dialog, u as Tooltip, w as FieldError, wi as Button, x as Spinner, z as resourceNameIssue } from "./dialog-CS2Vt2if.js";
 import { c as importedWorkflowName, d as uiLanguageNames, f as uiLanguages, l as isUiLanguage, u as resolveUiLanguage } from "./value-BADHeZ9I.js";
 import { Suspense, forwardRef, lazy, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -189,24 +189,199 @@ function Skeleton({ className, ...props }) {
 	});
 }
 //#endregion
-//#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-C-Si_cYs.js"));
-var flowIdTooltipAlignOffset = 44;
-var renamePopoverAlignOffset = -12;
-function compactFlowId(flowId) {
-	return flowId.length <= 20 ? flowId : `${flowId.slice(0, 10)}…${flowId.slice(-6)}`;
+//#region src/workbench/browser/runtime/shell/flowReferences.tsx
+function useFlowReferences(flowId, workspace) {
+	const [result, setResult] = useState();
+	const [status, setStatus] = useState("loading");
+	const [offset, setOffset] = useState(0);
+	const [attempt, setAttempt] = useState(0);
+	useEffect(() => {
+		const controller = new AbortController();
+		setStatus("loading");
+		workspace.getFlowReferences(flowId, {
+			offset,
+			signal: controller.signal
+		}).then((page) => {
+			if (controller.signal.aborted) return;
+			setResult((previous) => {
+				const references = new Map((offset == 0 ? [] : previous?.references ?? []).map((item) => [item.flowId, item]));
+				for (const item of page.references) references.set(item.flowId, item);
+				return {
+					...page,
+					references: [...references.values()]
+				};
+			});
+			setStatus("ready");
+		}, () => {
+			if (controller.signal.aborted) return;
+			setStatus("failed");
+		});
+		return () => controller.abort();
+	}, [
+		workspace,
+		flowId,
+		offset,
+		attempt
+	]);
+	return {
+		result,
+		status,
+		retry: () => {
+			setStatus("loading");
+			setAttempt((value) => value + 1);
+		},
+		loadMore: () => {
+			if (status != "ready" || result?.nextOffset == null) return;
+			setStatus("loading");
+			setOffset(result.nextOffset);
+		}
+	};
 }
-function formatUpdatedAt(updatedAt, locale) {
-	const date = new Date(updatedAt);
-	const current = /* @__PURE__ */ new Date();
-	return date.toLocaleString(locale, {
-		day: "numeric",
-		hour: "2-digit",
-		minute: "2-digit",
-		month: "short",
-		year: date.getFullYear() == current.getFullYear() ? void 0 : "numeric"
+function FlowReferenceQuery({ flowId, workspace, ...navigation }) {
+	return /* @__PURE__ */ jsx(FlowReferenceResults, {
+		state: useFlowReferences(flowId, workspace),
+		...navigation
+	});
+}
+function FlowReferenceResults({ state, hrefForFlow, onSelectFlow, showEmpty = true, summary, disabled = false }) {
+	const t = useTranslate();
+	const { result, status } = state;
+	const list = result != null && result.references.length > 0 && /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ jsx("ul", {
+			className: "m-0 max-h-64 list-none space-y-3 overflow-y-auto p-0",
+			children: result.references.map((item) => {
+				const defaultView = item.draft ? "design" : "publications";
+				return /* @__PURE__ */ jsxs("li", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ jsxs("a", {
+						className: "flex min-w-0 items-start gap-2 text-foreground no-underline hover:underline",
+						href: hrefForFlow(item, defaultView),
+						onClick: (event) => followWorkbenchLink(event, () => onSelectFlow(item, defaultView)),
+						children: [/* @__PURE__ */ jsx("i", {
+							"aria-hidden": "true",
+							className: "i-lucide-light:workflow mt-0.5 size-4 shrink-0 text-muted-foreground"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "min-w-0 break-words",
+							children: item.name ?? item.flowId
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex shrink-0 flex-wrap justify-end gap-1",
+						children: [item.draft && /* @__PURE__ */ jsx("a", {
+							className: "rounded-md bg-muted px-2 py-0.5 text-muted-foreground no-underline hover:underline",
+							href: hrefForFlow(item, "design"),
+							onClick: (event) => followWorkbenchLink(event, () => onSelectFlow(item, "design")),
+							children: t("flowReferences.draft")
+						}), item.live != null && /* @__PURE__ */ jsxs("a", {
+							className: "rounded-md bg-muted px-2 py-0.5 text-muted-foreground no-underline hover:underline",
+							href: hrefForFlow(item, "publications"),
+							onClick: (event) => followWorkbenchLink(event, () => onSelectFlow(item, "publications")),
+							children: [t("flowReferences.live"), !item.live.enabled && ` · ${t("flowReferences.disabled")}`]
+						})]
+					})]
+				}, item.flowId);
+			})
+		}), status != "failed" && result?.nextOffset != null && /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			size: "sm",
+			disabled: disabled || status == "loading",
+			onClick: state.loadMore,
+			children: t("flowReferences.loadMore")
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3 text-sm",
+		children: [
+			summary != null && list ? /* @__PURE__ */ jsxs("details", {
+				className: "group rounded-lg border border-border",
+				children: [/* @__PURE__ */ jsxs("summary", {
+					className: "flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 text-sm font-medium [&::-webkit-details-marker]:hidden",
+					children: [/* @__PURE__ */ jsx("i", {
+						"aria-hidden": "true",
+						className: "i-lucide-light:chevron-right shrink-0 text-muted-foreground group-open:rotate-90"
+					}), /* @__PURE__ */ jsx("span", { children: summary })]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "border-t border-border py-3 pr-3 pl-[calc(1.25rem+1em)]",
+					children: list
+				})]
+			}) : list,
+			status == "loading" && /* @__PURE__ */ jsx("p", {
+				className: "m-0 text-muted-foreground",
+				role: "status",
+				children: t("flowReferences.loading")
+			}),
+			status == "failed" && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				role: "alert",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "m-0 text-muted-foreground",
+					children: t("flowReferences.failed")
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "sm",
+					disabled,
+					onClick: state.retry,
+					children: t("flowReferences.retry")
+				})]
+			}),
+			showEmpty && status == "ready" && result?.references.length == 0 && /* @__PURE__ */ jsx("p", {
+				className: "m-0 text-muted-foreground",
+				children: t("flowReferences.empty")
+			})
+		]
 	});
 }
+function FlowReferencesButton(props) {
+	const referenceCount = props.flow.referenceCount;
+	if (referenceCount == null || referenceCount == 0) return null;
+	return /* @__PURE__ */ jsx(FlowReferencesPopover, {
+		...props,
+		referenceCount
+	}, props.flow.flowId);
+}
+function FlowReferencesPopover({ flow, referenceCount, workspace, container, hrefForFlow, onSelectFlow }) {
+	const t = useTranslate();
+	const [open, setOpen] = useState(false);
+	const label = t("flowReferences.count", { count: referenceCount });
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
+			render: /* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx(Button, {
+				"aria-label": label,
+				variant: "ghost",
+				size: "sm",
+				className: "text-muted-foreground"
+			}) }),
+			children: [/* @__PURE__ */ jsx("i", {
+				"aria-hidden": "true",
+				className: "i-lucide-light:link"
+			}), /* @__PURE__ */ jsx("span", { children: referenceCount })]
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			container,
+			collisionBoundary: [],
+			positionMethod: "fixed",
+			children: label
+		})] }), /* @__PURE__ */ jsxs(PopoverContent, {
+			container,
+			collisionBoundary: [],
+			positionMethod: "fixed",
+			align: "end",
+			className: "w-96 max-w-[calc(100vw-2rem)] max-h-(--available-height) overflow-y-auto gap-4 p-4",
+			children: [/* @__PURE__ */ jsx(PopoverTitle, {
+				className: "break-words text-base font-semibold",
+				children: t("flowReferences.title", { name: flow.name })
+			}), open && /* @__PURE__ */ jsx(FlowReferenceQuery, {
+				flowId: flow.flowId,
+				workspace,
+				hrefForFlow,
+				onSelectFlow
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/workbench/browser/runtime/shell/flowDeletionDialog.tsx
 function FlowDeletionImpact({ listeners, failed, onRetry }) {
 	const t = useTranslate();
 	if (failed) return /* @__PURE__ */ jsxs("div", {
@@ -228,11 +403,17 @@ function FlowDeletionImpact({ listeners, failed, onRetry }) {
 		children: t("sidebar.listenersLoading")
 	});
 	if (listeners.length == 0) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "min-w-0 space-y-3 text-sm",
-		children: [
-			/* @__PURE__ */ jsx("p", { children: t("sidebar.listenersTitle") }),
-			/* @__PURE__ */ jsx("ul", {
+	return /* @__PURE__ */ jsxs("details", {
+		className: "group rounded-lg border border-border text-sm",
+		children: [/* @__PURE__ */ jsxs("summary", {
+			className: "flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 font-medium [&::-webkit-details-marker]:hidden",
+			children: [/* @__PURE__ */ jsx("i", {
+				"aria-hidden": "true",
+				className: "i-lucide-light:chevron-right shrink-0 text-muted-foreground group-open:rotate-90"
+			}), /* @__PURE__ */ jsx("span", { children: t("flowReferences.deleteListeners", { count: listeners.length }) })]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "space-y-3 border-t border-border py-3 pr-3 pl-[calc(1.25rem+1em)]",
+			children: [/* @__PURE__ */ jsx("ul", {
 				className: "m-0 max-h-48 list-none space-y-2 overflow-y-auto p-0",
 				children: listeners.map((listener) => /* @__PURE__ */ jsxs("li", {
 					className: "break-words",
@@ -249,46 +430,117 @@ function FlowDeletionImpact({ listeners, failed, onRetry }) {
 						})
 					]
 				}, `${listener.flowId}/${listener.nodeId}`))
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
+			}), /* @__PURE__ */ jsx("p", {
+				className: "m-0 text-muted-foreground",
 				children: t("sidebar.listenersImpact")
-			})
-		]
+			})]
+		})]
 	});
 }
-function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
-	const [root, setRoot] = useState(null);
-	const renameAnchor = useRef(null);
-	const actionsButton = useRef(null);
-	const nameInput = useRef(null);
-	const cancelDelete = useRef(null);
-	const locale = useLang();
+function FlowDeletionDialog({ flow, workspace, container, busy, finalFocus, onClose, onDelete, ...navigation }) {
 	const t = useTranslate();
-	const [mode, setMode] = useState("idle");
-	const [name, setName] = useState(flow.name);
+	const cancel = useRef(null);
+	const references = useFlowReferences(flow.flowId, workspace);
 	const [listeners, setListeners] = useState();
-	const [listenersFailed, setListenersFailed] = useState(false);
-	const [listenersRetry, setListenersRetry] = useState(0);
+	const [listenerStatus, setListenerStatus] = useState("loading");
+	const [attempt, setAttempt] = useState(0);
 	useEffect(() => {
-		if (mode != "delete") return;
 		const controller = new AbortController();
 		setListeners(void 0);
-		setListenersFailed(false);
-		store.workspace.getErrorListeners(flow.flowId, controller.signal).then((value) => {
-			if (!controller.signal.aborted) setListeners(value);
+		setListenerStatus("loading");
+		workspace.getErrorListeners(flow.flowId, controller.signal).then((value) => {
+			if (controller.signal.aborted) return;
+			setListeners(value);
+			setListenerStatus("ready");
 		}, () => {
-			if (!controller.signal.aborted) setListenersFailed(true);
+			if (!controller.signal.aborted) setListenerStatus("failed");
 		});
 		return () => controller.abort();
 	}, [
-		mode,
 		flow.flowId,
-		store,
-		listenersRetry
+		workspace,
+		attempt
 	]);
+	const hasReferences = references.result != null && references.result.total > 0;
+	const canDelete = busy == null && references.status == "ready" && listenerStatus == "ready";
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open && busy == null) onClose();
+		},
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			container,
+			initialFocus: cancel,
+			finalFocus,
+			showCloseButton: false,
+			className: "max-h-[calc(100dvh-2rem)] grid-rows-[auto_minmax(0,1fr)_auto]",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, {
+					className: "break-words leading-snug",
+					children: t("sidebar.deleteFlowConfirm", { name: flow.name })
+				}), /* @__PURE__ */ jsx(DialogDescription, { children: t("resource.deleteDescription") })] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-h-0 space-y-2 overflow-y-auto",
+					children: [/* @__PURE__ */ jsx(FlowReferenceResults, {
+						state: references,
+						disabled: busy != null,
+						showEmpty: false,
+						summary: hasReferences ? t("flowReferences.deleteImpact", { count: references.result.total }) : void 0,
+						...navigation
+					}), /* @__PURE__ */ jsx(FlowDeletionImpact, {
+						listeners,
+						failed: listenerStatus == "failed",
+						onRetry: () => {
+							setListenerStatus("loading");
+							setAttempt((value) => value + 1);
+						}
+					})]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+					ref: cancel,
+					variant: "outline",
+					disabled: busy != null,
+					onClick: onClose,
+					children: t("common.cancel")
+				}), /* @__PURE__ */ jsx(Button, {
+					disabled: !canDelete,
+					onClick: onDelete,
+					variant: "destructive",
+					children: t(busy == "flow" ? "common.deleting" : hasReferences ? "flowReferences.deleteAnyway" : "common.delete")
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-BQVD8Rqb.js"));
+var flowIdTooltipAlignOffset = 44;
+var renamePopoverAlignOffset = -12;
+function compactFlowId(flowId) {
+	return flowId.length <= 20 ? flowId : `${flowId.slice(0, 10)}…${flowId.slice(-6)}`;
+}
+function formatUpdatedAt(updatedAt, locale) {
+	const date = new Date(updatedAt);
+	const current = /* @__PURE__ */ new Date();
+	return date.toLocaleString(locale, {
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit",
+		month: "short",
+		year: date.getFullYear() == current.getFullYear() ? void 0 : "numeric"
+	});
+}
+function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store }) {
+	const [root, setRoot] = useState(null);
+	const renameAnchor = useRef(null);
+	const actionsButton = useRef(null);
+	const nameInput = useRef(null);
+	const locale = useLang();
+	const t = useTranslate();
+	const [mode, setMode] = useState("idle");
+	const [name, setName] = useState(flow.name);
 	const [pending, setPending] = useState();
-	const hasTeam = showTeam && Boolean(badge?.trim());
 	const changed = flow.live != null && flow.live.revisionId != flow.draftRevisionId;
 	const publicationStatus = flow.status == "retiring" ? "resource.retiring" : flow.live == null ? "resource.notPublished" : changed ? "resource.unpublishedChanges" : "resource.isPublished";
 	const publicationTone = flow.status == "retiring" ? "danger" : flow.live == null ? "neutral" : changed ? "running" : "success";
@@ -316,7 +568,6 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "resource-list-row flow-columns",
-				"data-has-team": hasTeam,
 				children: [
 					/* @__PURE__ */ jsxs("span", {
 						className: "resource-primary-cell",
@@ -439,11 +690,6 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 							alignOffset: flowIdTooltipAlignOffset
 						})
 					}),
-					showTeam && /* @__PURE__ */ jsx("span", {
-						className: "resource-team-cell",
-						title: badge,
-						children: hasTeam ? badge : "—"
-					}),
 					/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 						render: /* @__PURE__ */ jsx("time", {
 							className: "resource-updated-at",
@@ -475,10 +721,16 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ jsx("div", {
+			/* @__PURE__ */ jsxs("div", {
 				className: "resource-live-controls",
 				"aria-busy": pending != null,
-				children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+				children: [/* @__PURE__ */ jsx(FlowReferencesButton, {
+					flow,
+					workspace: store.workspace,
+					container: root,
+					hrefForFlow,
+					onSelectFlow: onSelect
+				}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 					render: /* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsx(Button, {
 						ref: actionsButton,
 						"aria-label": t("resource.actions"),
@@ -569,50 +821,28 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 							}), t("common.delete")]
 						})
 					]
-				})] })
+				})] })]
 			}),
-			/* @__PURE__ */ jsx(Dialog, {
-				open: mode == "delete",
-				onOpenChange: (open) => {
-					if (!open) setMode("idle");
-				},
-				children: /* @__PURE__ */ jsxs(DialogContent, {
-					container: root,
-					initialFocus: cancelDelete,
-					finalFocus: actionsButton,
-					showCloseButton: false,
-					children: [
-						/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: t("sidebar.deleteFlowConfirm", { name: flow.name }) }), /* @__PURE__ */ jsx(DialogDescription, { children: t("resource.deleteDescription") })] }),
-						/* @__PURE__ */ jsx(FlowDeletionImpact, {
-							listeners,
-							failed: listenersFailed,
-							onRetry: () => setListenersRetry((value) => value + 1)
-						}),
-						/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(DialogClose, {
-							render: /* @__PURE__ */ jsx(Button, {
-								ref: cancelDelete,
-								variant: "outline"
-							}),
-							children: t("common.cancel")
-						}), /* @__PURE__ */ jsx(Button, {
-							disabled: busy != null || listeners == null && !listenersFailed,
-							onClick: () => void remove(),
-							variant: "destructive",
-							children: t(busy == "flow" ? "common.deleting" : "common.delete")
-						})] })
-					]
-				})
+			mode == "delete" && /* @__PURE__ */ jsx(FlowDeletionDialog, {
+				flow,
+				workspace: store.workspace,
+				container: root,
+				busy,
+				finalFocus: () => actionsButton.current,
+				onClose: () => setMode("idle"),
+				onDelete: () => void remove(),
+				hrefForFlow,
+				onSelectFlow: onSelect
 			})
 		]
 	});
 }
-function FlowSkeleton({ showTeam }) {
+function FlowSkeleton() {
 	return /* @__PURE__ */ jsxs("div", {
 		"aria-hidden": "true",
 		className: "resource-item-row",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "resource-list-row flow-columns",
-			"data-has-team": showTeam,
 			children: [
 				/* @__PURE__ */ jsxs("span", {
 					className: "resource-primary-cell",
@@ -622,7 +852,6 @@ function FlowSkeleton({ showTeam }) {
 					})]
 				}),
 				/* @__PURE__ */ jsx(Skeleton, { className: "resource-flow-id-cell h-3 w-36 max-w-full" }),
-				showTeam && /* @__PURE__ */ jsx(Skeleton, { className: "resource-team-cell h-3 w-24 max-w-full" }),
 				/* @__PURE__ */ jsx(Skeleton, { className: "resource-updated-at h-3 w-28 max-w-full" }),
 				/* @__PURE__ */ jsx(Skeleton, { className: "resource-publication-status h-3 w-16" }),
 				/* @__PURE__ */ jsx(Skeleton, { className: "resource-status h-3 w-16" })
@@ -633,7 +862,7 @@ function FlowSkeleton({ showTeam }) {
 		})]
 	});
 }
-var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBadges, hrefForFlow, initializing = false, onCreateFlow, onImportFlow, onSelectFlow, store, language }, ref) {
+var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, hrefForFlow, initializing = false, onCreateFlow, onImportFlow, onSelectFlow, store, language }, ref) {
 	const t = useTranslate();
 	const busy = useVal(store.workspace.$.busy);
 	const loadFailed = useVal(store.workspace.$.flowLoadFailed);
@@ -647,11 +876,9 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 	const total = useVal(store.workspace.$.flowTotal);
 	const [creation$] = useState(() => val(void 0));
 	const creation = useVal(creation$);
-	const [importError, setImportError] = useState(false);
 	const fileInput = useRef(null);
 	const [filter, setFilter] = useState("");
 	const [name, setName] = useState("");
-	const showTeam = flows.some((flow) => (flowBadges?.[flow.flowId]?.trim().length ?? 0) > 0);
 	const normalized = filter.trim().toLocaleLowerCase();
 	const visible = flows.filter((flow) => flow.name.toLocaleLowerCase().includes(normalized));
 	const command = useRef();
@@ -664,12 +891,14 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 	});
 	function openImport(input) {
 		if (initializing || store.workspace.$.busy.value != null || creation$.value != null || onImportFlow == null) return "unavailable";
-		setImportError(false);
 		let file;
 		try {
 			file = parseWorkflowFile(input.text);
 		} catch {
-			setImportError(true);
+			store.workspace.notify({
+				kind: "error",
+				message: t("resource.importInvalid")
+			});
 			return "invalid-file";
 		}
 		setName(file.name ?? (input.fileName == null ? importedWorkflowName(language) : workflowNameFromFile(input.fileName)));
@@ -748,13 +977,15 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 											const file = event.target.files?.[0];
 											event.target.value = "";
 											if (file == null) return;
-											setImportError(false);
 											file.text().then((text) => {
 												command.current?.({
 													text,
 													fileName: file.name
 												});
-											}).catch(() => setImportError(true));
+											}).catch(() => store.workspace.notify({
+												kind: "error",
+												message: t("resource.importInvalid")
+											}));
 										}
 									}), /* @__PURE__ */ jsx(Button, {
 										variant: "outline",
@@ -774,14 +1005,10 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 								]
 							})]
 						}),
-						importError && /* @__PURE__ */ jsx("p", {
-							role: "alert",
-							children: t("resource.importInvalid")
-						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "resource-table-scroll",
 							children: /* @__PURE__ */ jsxs("div", {
-								className: cn("resource-table", showTeam && "resource-table-with-teams"),
+								className: "resource-table",
 								children: [/* @__PURE__ */ jsxs("div", {
 									"aria-hidden": "true",
 									className: "resource-list-columns-shell",
@@ -793,10 +1020,6 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 												className: "resource-flow-id-heading",
 												children: t("resource.flowId")
 											}),
-											showTeam && /* @__PURE__ */ jsx("span", {
-												className: "resource-team-heading",
-												children: t("resource.team")
-											}),
 											/* @__PURE__ */ jsx("span", {
 												className: "resource-updated-heading",
 												children: t("resource.updated")
@@ -810,7 +1033,7 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 									})]
 								}), /* @__PURE__ */ jsx("div", {
 									className: "resource-list",
-									children: loading ? Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx(FlowSkeleton, { showTeam }, index)) : loadFailed ? /* @__PURE__ */ jsxs(Empty, {
+									children: loading ? Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx(FlowSkeleton, {}, index)) : loadFailed ? /* @__PURE__ */ jsxs(Empty, {
 										className: "min-h-64",
 										role: "alert",
 										children: [/* @__PURE__ */ jsxs(EmptyHeader, { children: [
@@ -849,11 +1072,10 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 											}), t("resource.newFlow")]
 										}) })]
 									}) : visible.map((flow) => /* @__PURE__ */ jsx(FlowItem, {
-										showTeam,
-										badge: flowBadges?.[flow.flowId],
 										busy,
 										flow,
 										href: hrefForFlow(flow),
+										hrefForFlow,
 										onSelect: onSelectFlow,
 										store
 									}, flow.flowId))
@@ -3496,7 +3718,7 @@ function connectionDiagnostics(revision, actions, catalogs) {
 	const diagnostics = [];
 	for (const { nodeId, actionId, connectionId } of revision.connectorNodes()) {
 		const action = actions[actionId];
-		if (action?.authenticated != true) continue;
+		if (action?.authenticated != true || connectionId === "") continue;
 		const connection = connectionId == null ? void 0 : catalogs[action.serviceId]?.byId.get(connectionId);
 		if (connectionId != null && (catalogs[action.serviceId] == null || connection?.status == "active")) continue;
 		diagnostics.push({
@@ -4893,11 +5115,12 @@ var FlowCatalog = class {
 				limit: pageLimit
 			});
 			if (!current()) return;
-			const seen = new Set(this.#state.value.flows.map((flow) => flow.flowId));
+			const flows = new Map(this.#state.value.flows.map((flow) => [flow.flowId, flow]));
+			for (const flow of page.flows) flows.set(flow.flowId, flow);
 			this.#set({
 				loadingMore: false,
 				nextCursor: page.nextCursor,
-				flows: [...this.#state.value.flows, ...page.flows.filter((flow) => !seen.has(flow.flowId))]
+				flows: [...flows.values()]
 			});
 		} catch (error) {
 			if (!current()) return;
@@ -4959,7 +5182,11 @@ var FlowCatalog = class {
 			this.#set({ flows: [...this.#state.value.flows, flow] });
 			return;
 		}
-		this.#set({ flows: this.#state.value.flows.with(index, flow) });
+		const referenceCount = this.#state.value.flows[index].referenceCount;
+		this.#set({ flows: this.#state.value.flows.with(index, {
+			...flow,
+			...referenceCount == null ? {} : { referenceCount }
+		}) });
 	}
 	insert(flow) {
 		if (this.#state.value.flows.some((candidate) => candidate.flowId == flow.flowId)) return;
@@ -5393,6 +5620,9 @@ var WorkspaceStore = class {
 		this.filterTriggerConnections = filterTriggerConnections;
 		this.#canvasCommandListeners = /* @__PURE__ */ new Set();
 		this.#draftSession = new Latest();
+		this.notify = (notice) => {
+			if (!this.#disposed) this.#setNotice(notice);
+		};
 		this.#history = new CanvasHistory();
 		this.history$ = this.#history.state$;
 		this.#diagnosticFocusId = 0;
@@ -5682,6 +5912,13 @@ var WorkspaceStore = class {
 			this.#set({ busy: void 0 });
 		}
 	}
+	getFlowReferences(flowId, options = {}) {
+		return this.#client.getFlowReferences(flowId, {
+			...options,
+			direction: "incoming",
+			limit: 50
+		});
+	}
 	getErrorListeners(flowId, signal) {
 		return this.#client.getErrorListeners(flowId, signal);
 	}
@@ -6024,6 +6261,12 @@ var WorkspaceStore = class {
 		const changes = setConnectorConnection(revision.revision.content, nodeId, connectionId);
 		return changes != null && await this.#editDraft(changes) != null;
 	}
+	async setServiceConnections(providerId, connectionId, previousConnectionId) {
+		const revision = this.$.revision.value;
+		if (revision == null) return false;
+		const changes = setServiceConnections(revision.revision.content, providerId, connectionId, previousConnectionId);
+		return changes.length == 0 || await this.#editDraft(changes) != null;
+	}
 	async setCodeActions(nodeId, capabilities) {
 		const revision = this.$.revision.value;
 		if (revision == null) return false;
@@ -6941,7 +7184,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-C0J5C0oM.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-C1hlTnZq.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";
@@ -7047,7 +7290,7 @@ function FlowNameBridge({ store, onChange }) {
 	useEffect(() => () => onChange(void 0), [onChange]);
 	return null;
 }
-function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, flowBadges, connectionHref, hrefFor, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
+function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, connectionHref, hrefFor, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
 	const flowId = useVal(store.workspace.$.flowId);
 	return /* @__PURE__ */ jsx("div", {
 		className: "app-shell",
@@ -7056,10 +7299,9 @@ function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlow
 			catalogWidth,
 			createFlowDisabled,
 			createFlowField,
-			flowBadges,
-			hrefForFlow: (flow) => hrefFor({
+			hrefForFlow: (flow, view = "design") => hrefFor({
 				flowId: flow.flowId,
-				view: "design"
+				view
 			}),
 			initializing,
 			language,
@@ -7085,7 +7327,7 @@ function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlow
 		})
 	});
 }
-var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, flowBadges, connectionHref, host, hrefFor, language, location, onConfigureConnector, onManageConnectorAccess, onLanguageChange, onNavigate, onFlowNameChange, preferences, sessionKey, theme, variables = true }, ref) {
+var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, connectionHref, host, hrefFor, language, location, onConfigureConnector, onManageConnectorAccess, onLanguageChange, onNavigate, onFlowNameChange, preferences, sessionKey, theme, variables = true }, ref) {
 	const importRef = useRef(null);
 	useImperativeHandle(ref, () => ({ openImport: (input) => importRef.current?.openImport(input) ?? "unavailable" }), []);
 	const navigate = useRef(onNavigate);
@@ -7157,7 +7399,6 @@ var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow
 						importFlow,
 						createFlowDisabled,
 						createFlowField,
-						flowBadges,
 						connectionHref,
 						hrefFor,
 						initializing: !started,