@oomol-lab/open-flow 0.1.0-beta.81 → 0.1.0-beta.83

package/dist/browser/workbench.js

@@ -1,11 +1,11 @@
-import { A as DropdownMenuSeparator, E as DropdownMenuItem, P as DropdownMenuTrigger, S as DropdownMenu, _ as PopoverTrigger, d as Popover, f as PopoverContent, g as PopoverTitle, ut as IconThemeContext, w as DropdownMenuContent } from "./ContentIcon-CMn0c-kl.js";
+import { A as DropdownMenuItem, C as IconifyProvider, E as DropdownMenu, O as DropdownMenuContent, P as DropdownMenuSeparator, R as DropdownMenuTrigger, c as PopoverContent, f as PopoverTitle, p as PopoverTrigger, pt as IconThemeContext, s as Popover, v as ContentIcon } from "./wrapLayout-C4moMKgb.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 { Cr as cn, i as TooltipTrigger, n as TooltipContent, t as Tooltip, xr as Button } from "./tooltip-BDcVTNpu.js";
-import { C as upgradeManualTrigger, M as mapConditionSources, N as nodeInputMappings, Rt as dequal, S as resourceNameIssue, _ as applyFlowChanges, a as DialogFooter, d as Field, g as FlowChangeError, h as FieldLabel, i as DialogDescription, in as Input, l as Icon, m as FieldGroup, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, v as isTriggerNode, w as upgradeRevisionContent } from "./dialog-CFlvkliO.js";
-import { $ as resourceValue, $t as IdTooltip, An as EmptyDescription, Ar as controlErrorCode, At as actionWithConnections, Bt as setNodeContentHidden, C as updateValue, Cn as useFlowQuery, Cr as workflowCandidate, Ct as flowResourceReferences, Dn as InputGroupInput, Dr as invalidResponse, En as InputGroupAddon, Et as diagnosticItems, Fn as EventSourcesPage, Ft as removeComments, Gn as allConnectorConnectionsQuery, Gt as setCodeActions, Hn as WorkbenchClient, Ht as setVerticalNodeWidth, It as restoreCanvasPresentation, J as scopedValue, Jt as setServiceConnections, K as combineSources, Kt as setConnectorConnection, Lt as setCanvasLayout, Mn as EmptyMedia, Mt as canvasPresentationChange, Nn as EmptyTitle, Nt as commentIds, On as Empty, Or as record, Pn as Badge, Pt as flowPresentation, Q as resourceData, Qt as WorkflowExportMenuItem, Rn as createI18n, Rt as setComment, S as updateTriggerConfig, St as revisionView, Tn as InputGroup, Tt as deriveInspectorDiagnostics, U as addNodeIntent, Un as normalizeFlowQuery, Ut as repairNodeNames, Vn as errorNotice, Vt as setNodePositions, W as deriveAddNodeOptions, Wn as randomId, Wt as resetInputValues, X as CacheResource, Xt as updateTriggerSchedule, Y as connectorActionPresentation, Yt as updateStartInputDefs, Zt as dequal$1, _ as updateOutputPorts, a as nameCreatedNodes, ar as connectorActionMetadata, at as getActionsCache, b as updateTaskAdditionalInputs, c as setInputVariable, cr as workflowFileName, ct as getProvidersCache, d as updateCondition, er as normalizeTriggerOutputs, et as action, f as updateHttpParameters, ft as designerGraph, g as updateNodeSettings, h as updateNodeName, i as deleteSelection, ir as connection, jn as EmptyHeader, jt as connectionCatalog, kn as EmptyContent, kr as ApiError, l as setTriggerConnection, lr as workflowNameFromFile, lt as createPersistentCache, m as updateNodeIcon, nn as FlowTagChips, nr as triggerOutputDefinitions, nt as proxyResponse, o as selectWebhookResponse, or as encodeWorkflowFile, p as updateNodeDescription, qn as decodeTriggerCatalog, qt as setInputSources, r as applyFlowChanges$1, rn as TagPicker, rt as validateAction, s as setInputValue, sr as parseWorkflowFile, st as getConnectionsCache, t as addNode, tn as FlowSettingsDialog, tr as sampleErrorOutputs, tt as provider, u as setTriggerEventSource, ut as createSessionCache, v as updateResolution, vt as providerIcon, w as updateWebhook, wn as followWorkbenchLink, wt as Latest, x as updateTaskPorts, y as updateTask, yt as RunStore, zt as setFlowViewport } from "./flowChanges-CFj5pL4Y.js";
+import { Cr as cn, i as TooltipTrigger, n as TooltipContent, t as Tooltip, xr as Button } from "./tooltip-DGj5pudg.js";
+import { C as upgradeManualTrigger, Dt as matchesSchema, M as mapConditionSources, N as nodeInputMappings, Rt as dequal, S as resourceNameIssue, _ as applyFlowChanges, a as DialogFooter, d as Field, g as FlowChangeError, h as FieldLabel, i as DialogDescription, in as Input, kt as schemaObject, l as Icon, m as FieldGroup, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, v as isTriggerNode, w as upgradeRevisionContent } from "./dialog-BzoSxhXQ.js";
+import { $ as resourceValue, $n as allConnectorConnectionsQuery, $t as WorkflowExportDialog, At as actionWithConnections, Bn as EmptyMedia, Br as ApiError, Bt as setNodeContentHidden, C as updateValue, Ct as flowResourceReferences, Et as diagnosticItems, Fn as InputGroupInput, Ft as removeComments, Gt as setCodeActions, Hn as Badge, Ht as setVerticalNodeWidth, In as Empty, It as restoreCanvasPresentation, J as scopedValue, Jt as setServiceConnections, K as combineSources, Kn as createI18n, Kt as setConnectorConnection, Ln as EmptyContent, Lt as setCanvasLayout, Mn as followWorkbenchLink, Mt as canvasPresentationChange, Nn as InputGroup, Nt as commentIds, Pn as InputGroupAddon, Pr as workflowCandidate, Pt as flowPresentation, Q as resourceData, Qn as randomId, Qt as WorkflowBundleSummary, Rn as EmptyDescription, Rr as invalidResponse, Rt as setComment, S as updateTriggerConfig, St as revisionView, Tt as deriveInspectorDiagnostics, U as addNodeIntent, Un as EventSourcesPage, Ut as repairNodeNames, Vn as EmptyTitle, Vr as controlErrorCode, Vt as setNodePositions, W as deriveAddNodeOptions, Wt as resetInputValues, X as CacheResource, Xn as WorkbenchClient, Xt as updateTriggerSchedule, Y as connectorActionPresentation, Yn as errorNotice, Yt as updateStartInputDefs, Zn as normalizeFlowQuery, Zt as dequal$1, _ as updateOutputPorts, _r as workflowBundleFromPreview, a as nameCreatedNodes, an as FlowTagChips, at as getActionsCache, b as updateTaskAdditionalInputs, br as workflowNameFromFile, c as setInputVariable, cr as normalizeTriggerOutputs, ct as getProvidersCache, d as updateCondition, en as WorkflowExportMenuItem, et as action, f as updateHttpParameters, fr as isJsonValue, ft as designerGraph, g as updateNodeSettings, gr as parseWorkflowImportFile, h as updateNodeName, hr as encodeWorkflowBundle, i as deleteSelection, in as FlowSettingsDialog, jn as useFlowQuery, jt as connectionCatalog, l as setTriggerConnection, lr as sampleErrorOutputs, lt as createPersistentCache, m as updateNodeIcon, mr as connectorActionMetadata, nn as IdTooltip, nt as proxyResponse, o as selectWebhookResponse, on as TagPicker, p as updateNodeDescription, pr as connection, qt as setInputSources, r as applyFlowChanges$1, rt as validateAction, s as setInputValue, st as getConnectionsCache, t as addNode, tn as useWorkflowExportAction, tr as decodeTriggerCatalog, tt as provider, u as setTriggerEventSource, ur as triggerOutputDefinitions, ut as createSessionCache, v as updateResolution, vr as encodeWorkflowFile, vt as providerIcon, w as updateWebhook, wt as Latest, x as updateTaskPorts, y as updateTask, yr as workflowFileName, yt as RunStore, zn as EmptyHeader, zr as record, zt as setFlowViewport } from "./flowChanges-C567g-Pc.js";
 import { a as uiLanguages, i as uiLanguageNames, n as isUiLanguage, r as resolveUiLanguage, t as importedWorkflowName } from "./languages-gYzoQqCi.js";
-import { i as objectValue, n as isJsonValue } from "./value-BbFQZZ_V.js";
+import { i as objectValue, n as isJsonValue$1, s as valueType, t as initialValue } from "./value-BbFQZZ_V.js";
 import { Suspense, forwardRef, lazy, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as Cause from "effect/Cause";
@@ -101,6 +101,9 @@ var NavigationStore = class {
 	async importFlow(file, name, key, importer, tagIds) {
 		return await this.#openNewFlow(() => this.#store.importFlow(file, name, key, importer, tagIds));
 	}
+	async importFlowBundle(file, name, key, importer, tagIds) {
+		return await this.#openNewFlow(() => this.#store.importFlowBundle(file, name, key, importer, tagIds));
+	}
 	async createFlow(name, create, tagIds) {
 		return await this.#openNewFlow(() => this.#store.createFlow(name, create, tagIds));
 	}
@@ -517,7 +520,7 @@ function FlowDeletionDialog({ flow, workspace, container, busy, finalFocus, onCl
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-CS3u9ga9.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-Bi4fUnbD.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
 function compactFlowId(flowId) {
@@ -535,6 +538,7 @@ function formatUpdatedAt(updatedAt, locale) {
 	});
 }
 function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store, onTagFilter, onChanged, settingsFinalFocus }) {
+	const exportAction = useWorkflowExportAction(() => void store.workspace.exportFlow(flow.flowId));
 	const [root, setRoot] = useState(null);
 	const renameAnchor = useRef(null);
 	const actionsButton = useRef(null);
@@ -584,7 +588,11 @@ function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store, onTagFilter,
 						children: [/* @__PURE__ */ jsx("span", {
 							"aria-hidden": "true",
 							className: "resource-flow-icon",
-							children: /* @__PURE__ */ jsx("i", { className: "i-lucide-light:workflow" })
+							children: /* @__PURE__ */ jsx(ContentIcon, {
+								src: flow.icon,
+								className: "size-3.5",
+								fallback: /* @__PURE__ */ jsx("i", { className: "i-lucide-light:workflow" })
+							})
 						}), /* @__PURE__ */ jsxs("span", {
 							className: "resource-primary-copy",
 							children: [/* @__PURE__ */ jsxs("span", {
@@ -612,7 +620,13 @@ function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store, onTagFilter,
 									container: root,
 									collisionBoundary: [],
 									positionMethod: "fixed",
-									children: flow.name
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "flex min-w-0 flex-col gap-1",
+										children: [/* @__PURE__ */ jsx("span", { children: flow.name }), flow.description && /* @__PURE__ */ jsx("span", {
+											className: "whitespace-pre-wrap",
+											children: flow.description
+										})]
+									})
 								})] }), flow.status == "active" && /* @__PURE__ */ jsx(Popover, {
 									onOpenChange: (open) => {
 										setMode(open ? "rename" : "idle");
@@ -745,106 +759,109 @@ function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store, onTagFilter,
 					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"),
-						size: "icon-sm",
-						variant: "ghost"
-					}) }),
-					children: /* @__PURE__ */ jsx("i", {
-						"aria-hidden": "true",
-						className: "i-lucide-light:ellipsis"
-					})
-				}), /* @__PURE__ */ jsx(TooltipContent, {
-					container: root,
-					collisionBoundary: [],
-					positionMethod: "fixed",
-					children: t("resource.actions")
-				})] }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-					align: "end",
-					collisionBoundary: [],
-					positionMethod: "fixed",
-					container: root,
-					className: "w-48",
-					finalFocus: mode == "idle" ? actionsButton : false,
-					children: [
-						/* @__PURE__ */ jsxs(DropdownMenuItem, {
-							disabled: flow.status != "active",
-							onClick: () => onSelect(flow),
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: "i-lucide-light:square-pen size-4 shrink-0"
-							}), t("resource.edit")]
-						}),
-						/* @__PURE__ */ jsxs(DropdownMenuItem, {
-							disabled: flow.status != "active" || busy != null || pending != null,
-							onClick: () => {
-								setName(flow.name);
-								setMode("rename");
-							},
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: "i-lucide-light:text-cursor-input size-4 shrink-0"
-							}), t("common.rename")]
-						}),
-						/* @__PURE__ */ jsxs(DropdownMenuItem, {
-							disabled: flow.status != "active" || busy != null,
-							onClick: () => setMode("settings"),
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: "i-lucide-light:settings size-4 shrink-0"
-							}), t("flowSettings.title")]
-						}),
-						/* @__PURE__ */ jsxs(DropdownMenuItem, {
-							disabled: flow.status != "active" || busy != null || pending != null || flow.live != null && !changed,
-							onClick: () => void update("publish"),
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: "i-lucide-light:upload size-4 shrink-0"
-							}), t(pending == "publish" ? "workspace.publishing" : flow.live == null ? "resource.publish" : "resource.publishUpdate")]
-						}),
-						flow.live != null && /* @__PURE__ */ jsxs(DropdownMenuItem, {
-							disabled: flow.status != "active" || busy != null || pending != null,
-							onClick: () => void update(flow.live?.enabled != true),
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: cn("size-4 shrink-0", flow.live.enabled ? "i-lucide-light:square" : "i-lucide-light:play")
-							}), t(flow.live.enabled ? "resource.stop" : "resource.start")]
-						}),
-						/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "mx-2 bg-border/50" }),
-						/* @__PURE__ */ jsx(WorkflowExportMenuItem, {
-							disabled: flow.status != "active" || busy != null,
-							onClick: () => void store.workspace.exportFlow(flow.flowId)
-						}),
-						/* @__PURE__ */ jsxs(DropdownMenuItem, {
-							disabled: flow.status != "active",
-							onClick: () => onSelect(flow, "publications"),
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: "i-lucide-light:cloud-upload size-4 shrink-0"
-							}), t("workspace.publications")]
-						}),
-						/* @__PURE__ */ jsxs(DropdownMenuItem, {
-							disabled: flow.status != "active",
-							onClick: () => onSelect(flow, "runs"),
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: "i-lucide-light:history size-4 shrink-0"
-							}), t("workspace.runs")]
-						}),
-						/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "mx-2 bg-border/50" }),
-						/* @__PURE__ */ jsxs(DropdownMenuItem, {
-							disabled: flow.status != "active" || busy != null || pending != null,
-							variant: "destructive",
-							onClick: () => setMode("delete"),
-							children: [/* @__PURE__ */ jsx("i", {
-								"aria-hidden": "true",
-								className: "i-lucide-light:trash-2 size-4 shrink-0"
-							}), t("common.delete")]
+				}), /* @__PURE__ */ jsxs(DropdownMenu, {
+					onOpenChangeComplete: exportAction.onOpenChangeComplete,
+					children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						render: /* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsx(Button, {
+							ref: actionsButton,
+							"aria-label": t("resource.actions"),
+							size: "icon-sm",
+							variant: "ghost"
+						}) }),
+						children: /* @__PURE__ */ jsx("i", {
+							"aria-hidden": "true",
+							className: "i-lucide-light:ellipsis"
 						})
-					]
-				})] })]
+					}), /* @__PURE__ */ jsx(TooltipContent, {
+						container: root,
+						collisionBoundary: [],
+						positionMethod: "fixed",
+						children: t("resource.actions")
+					})] }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+						align: "end",
+						collisionBoundary: [],
+						positionMethod: "fixed",
+						container: root,
+						className: "w-48",
+						finalFocus: mode == "idle" ? actionsButton : false,
+						children: [
+							/* @__PURE__ */ jsxs(DropdownMenuItem, {
+								disabled: flow.status != "active",
+								onClick: () => onSelect(flow),
+								children: [/* @__PURE__ */ jsx("i", {
+									"aria-hidden": "true",
+									className: "i-lucide-light:square-pen size-4 shrink-0"
+								}), t("resource.edit")]
+							}),
+							/* @__PURE__ */ jsxs(DropdownMenuItem, {
+								disabled: flow.status != "active" || busy != null || pending != null,
+								onClick: () => {
+									setName(flow.name);
+									setMode("rename");
+								},
+								children: [/* @__PURE__ */ jsx("i", {
+									"aria-hidden": "true",
+									className: "i-lucide-light:text-cursor-input size-4 shrink-0"
+								}), t("common.rename")]
+							}),
+							/* @__PURE__ */ jsxs(DropdownMenuItem, {
+								disabled: flow.status != "active" || busy != null,
+								onClick: () => setMode("settings"),
+								children: [/* @__PURE__ */ jsx("i", {
+									"aria-hidden": "true",
+									className: "i-lucide-light:settings size-4 shrink-0"
+								}), t("flowSettings.title")]
+							}),
+							/* @__PURE__ */ jsxs(DropdownMenuItem, {
+								disabled: flow.status != "active" || busy != null || pending != null || flow.live != null && !changed,
+								onClick: () => void update("publish"),
+								children: [/* @__PURE__ */ jsx("i", {
+									"aria-hidden": "true",
+									className: "i-lucide-light:upload size-4 shrink-0"
+								}), t(pending == "publish" ? "workspace.publishing" : flow.live == null ? "resource.publish" : "resource.publishUpdate")]
+							}),
+							flow.live != null && /* @__PURE__ */ jsxs(DropdownMenuItem, {
+								disabled: flow.status != "active" || busy != null || pending != null,
+								onClick: () => void update(flow.live?.enabled != true),
+								children: [/* @__PURE__ */ jsx("i", {
+									"aria-hidden": "true",
+									className: cn("size-4 shrink-0", flow.live.enabled ? "i-lucide-light:square" : "i-lucide-light:play")
+								}), t(flow.live.enabled ? "resource.stop" : "resource.start")]
+							}),
+							/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "mx-2 bg-border/50" }),
+							/* @__PURE__ */ jsx(WorkflowExportMenuItem, {
+								disabled: flow.status != "active" || busy != null,
+								onClick: exportAction.onClick
+							}),
+							/* @__PURE__ */ jsxs(DropdownMenuItem, {
+								disabled: flow.status != "active",
+								onClick: () => onSelect(flow, "publications"),
+								children: [/* @__PURE__ */ jsx("i", {
+									"aria-hidden": "true",
+									className: "i-lucide-light:cloud-upload size-4 shrink-0"
+								}), t("workspace.publications")]
+							}),
+							/* @__PURE__ */ jsxs(DropdownMenuItem, {
+								disabled: flow.status != "active",
+								onClick: () => onSelect(flow, "runs"),
+								children: [/* @__PURE__ */ jsx("i", {
+									"aria-hidden": "true",
+									className: "i-lucide-light:history size-4 shrink-0"
+								}), t("workspace.runs")]
+							}),
+							/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "mx-2 bg-border/50" }),
+							/* @__PURE__ */ jsxs(DropdownMenuItem, {
+								disabled: flow.status != "active" || busy != null || pending != null,
+								variant: "destructive",
+								onClick: () => setMode("delete"),
+								children: [/* @__PURE__ */ jsx("i", {
+									"aria-hidden": "true",
+									className: "i-lucide-light:trash-2 size-4 shrink-0"
+								}), t("common.delete")]
+							})
+						]
+					})]
+				})]
 			}),
 			mode == "settings" && /* @__PURE__ */ jsx(FlowSettingsDialog, {
 				store,
@@ -895,7 +912,7 @@ function FlowSkeleton() {
 		})]
 	});
 }
-var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, hrefForFlow, initializing = false, onCreateFlow, onImportFlow, onSelectFlow, store, language }, ref) {
+var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, hrefForFlow, initializing = false, onCreateFlow, onImportFlow, onImportFlowBundle, onSelectFlow, store, language }, ref) {
 	const t = useTranslate();
 	const busy = useVal(store.workspace.$.busy);
 	const [filter, setFilter] = useState("");
@@ -943,7 +960,7 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 		if (initializing || store.workspace.$.busy.value != null || creation$.value != null || onImportFlow == null) return "unavailable";
 		let file;
 		try {
-			file = parseWorkflowFile(input.text);
+			file = parseWorkflowImportFile(input.text);
 		} catch {
 			store.workspace.notify({
 				kind: "error",
@@ -951,9 +968,17 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 			});
 			return "invalid-file";
 		}
+		if (file.kind == "open-flow-workflow-bundle" && onImportFlowBundle == null) {
+			store.workspace.notify({
+				kind: "error",
+				message: t("workflowTransfer.hostUnsupported")
+			});
+			return "unavailable";
+		}
+		const entry = file.kind == "open-flow-workflow-bundle" ? file.workflows.find((item) => item.flowId == file.entryFlowId).file : file;
 		setCreationTags([]);
 		setCreatingTag(false);
-		setName(file.name ?? (input.fileName == null ? importedWorkflowName(language) : workflowNameFromFile(input.fileName)));
+		setName(entry.name ?? (input.fileName == null ? importedWorkflowName(language) : workflowNameFromFile(input.fileName)));
 		creation$.set({
 			kind: "import",
 			file,
@@ -974,11 +999,11 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 		const request = creation$.value;
 		const nextName = name.trim();
 		if (request == null || creatingTag || resourceNameIssue(nextName) != null) return;
-		if (!(request.kind == "create" ? await onCreateFlow(nextName, creationTags) : await onImportFlow?.(request.file, nextName, request.key, creationTags)) || command.current == null || creation$.value !== request) return;
+		if (!(request.kind == "create" ? await onCreateFlow(nextName, creationTags) : request.file.kind == "open-flow-workflow-bundle" ? await onImportFlowBundle?.(request.file, nextName, request.key, creationTags) : await onImportFlow?.(request.file, nextName, request.key, creationTags)) || command.current == null || creation$.value !== request) return;
 		creation$.set(void 0);
 		setName("");
 	}
-	return /* @__PURE__ */ jsx("main", {
+	return /* @__PURE__ */ jsx(IconifyProvider, { children: /* @__PURE__ */ jsx("main", {
 		className: "resource-browser",
 		"data-tooltip-portal": true,
 		ref: setRoot,
@@ -1203,6 +1228,10 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 						})
 					]
 				}),
+				/* @__PURE__ */ jsx(WorkflowExportDialog, {
+					workspace: store.workspace,
+					container: root
+				}),
 				creation != null && /* @__PURE__ */ jsx(Suspense, {
 					fallback: null,
 					children: /* @__PURE__ */ jsx(CreateResourceDialog, {
@@ -1215,6 +1244,10 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 							value: creationTags,
 							onChange: setCreationTags
 						})] }),
+						summary: creation.kind == "import" && creation.file.kind == "open-flow-workflow-bundle" ? /* @__PURE__ */ jsx(WorkflowBundleSummary, {
+							bundle: creation.file,
+							entryName: name
+						}) : void 0,
 						field: createFlowField,
 						id: "flow-name",
 						issue: resourceNameIssue(name),
@@ -1236,7 +1269,7 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 				})
 			]
 		})
-	});
+	}) });
 });
 //#endregion
 //#region ../../node_modules/.bun/nanoid@6.0.1/node_modules/nanoid/index.browser.js
@@ -1956,7 +1989,7 @@ async function readRunInputs(scope) {
 	return new Map(records.flatMap((raw) => {
 		const record = objectValue(raw);
 		const values = objectValue(record?.values);
-		return record != null && typeof record.key === "string" && typeof record.signature === "string" && typeof record.valid === "boolean" && values != null && isJsonValue(values) ? [[record.key, {
+		return record != null && typeof record.key === "string" && typeof record.signature === "string" && typeof record.valid === "boolean" && values != null && isJsonValue$1(values) ? [[record.key, {
 			signature: record.signature,
 			valid: record.valid,
 			values
@@ -1970,6 +2003,76 @@ async function writeRunInputs(scope, key, inputs) {
 	}, `${scopeKey(scope)}\u0000${key}`));
 }
 //#endregion
+//#region src/workbench/browser/runtime/runs/triggerTestInputs.ts
+/** Best-effort test data. Unsupported constraints stay unset for the user to fill in. */
+function sampleValue(schema) {
+	const source = schemaObject(schema);
+	const types = Array.isArray(source?.type) ? source.type : [source?.type];
+	const type = types.find((candidate) => candidate !== "null") ?? types[0];
+	const initial = initialValue(schema, valueType({ type }, null));
+	if (source == null) return isJsonValue(initial) && matchesSchema(initial, schema) ? initial : void 0;
+	if ((Object.hasOwn(source, "default") || Object.hasOwn(source, "const") || Array.isArray(source.enum)) && isJsonValue(initial) && matchesSchema(initial, schema)) return initial;
+	let value = null;
+	switch (type) {
+		case "object": {
+			const properties = schemaObject(source.properties ?? {}) ?? {};
+			const required = Array.isArray(source.required) ? source.required : [];
+			value = Object.fromEntries(Object.entries(properties).flatMap(([key, property]) => {
+				if (!required.includes(key) && !Object.hasOwn(schemaObject(property) ?? {}, "default")) return [];
+				const sample = sampleValue(property);
+				return sample === void 0 ? [] : [[key, sample]];
+			}));
+			break;
+		}
+		case "array": {
+			const item = sampleValue(source.items ?? {});
+			const count = Math.min(20, typeof source.maxItems === "number" ? source.maxItems : 20, Math.max(1, Number(source.minItems) || 0));
+			value = item === void 0 ? [] : Array.from({ length: count }, () => structuredClone(item));
+			break;
+		}
+		case "string":
+			value = ({
+				"date-time": (/* @__PURE__ */ new Date()).toISOString(),
+				"date": (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+				"time": "12:00:00Z",
+				"email": "test@example.com",
+				"uri": "https://example.com",
+				"uri-reference": "https://example.com",
+				"uuid": "00000000-0000-4000-8000-000000000001"
+			}[String(source.format)] ?? "sample").padEnd(Math.min(256, Number(source.minLength) || 0), "x").slice(0, typeof source.maxLength === "number" ? source.maxLength : void 0);
+			break;
+		case "number":
+		case "integer": {
+			const step = typeof source.multipleOf === "number" && source.multipleOf > 0 ? source.multipleOf : 1;
+			let number = typeof source.minimum === "number" ? source.minimum : 1;
+			if (typeof source.exclusiveMinimum === "number") number = Math.max(number, source.exclusiveMinimum + step);
+			if (typeof source.maximum === "number") number = Math.min(number, source.maximum);
+			if (typeof source.exclusiveMaximum === "number") number = Math.min(number, source.exclusiveMaximum - step);
+			value = Math.ceil((type === "integer" ? Math.ceil(number) : number) / step) * step;
+			break;
+		}
+		default: if (isJsonValue(initial)) value = initial;
+	}
+	if (matchesSchema(value, schema)) return value;
+	return isJsonValue(initial) && matchesSchema(initial, schema) ? initial : void 0;
+}
+function defaultTriggerTestOutputs(trigger) {
+	if (trigger.kind === "error") return structuredClone(sampleErrorOutputs);
+	if (trigger.kind === "cron") return { scheduledAt: (/* @__PURE__ */ new Date()).toISOString() };
+	return Object.fromEntries(triggerOutputDefinitions(trigger).flatMap((port) => {
+		if (trigger.kind === "start" && port.nullable) return [];
+		let value = trigger.kind === "webhook" && port.handle === "webhookUrl" ? "https://example.com/webhook" : sampleValue(port.jsonSchema);
+		if (trigger.kind === "webhook" && port.handle === "body") {
+			const body = {
+				...schemaObject(value ?? {}),
+				...Object.fromEntries(trigger.bodyFields.flatMap((field) => field.value === void 0 ? [] : [[field.handle, structuredClone(field.value)]]))
+			};
+			value = matchesSchema(body, port.jsonSchema) ? body : void 0;
+		}
+		return value === void 0 ? port.nullable ? [[port.handle, null]] : [] : [[port.handle, value]];
+	}));
+}
+//#endregion
 //#region src/workbench/browser/runtime/runs/runRequestStore.ts
 var initialState$5 = { starting: false };
 function inputSpec(draft, triggerId) {
@@ -1979,7 +2082,7 @@ function inputSpec(draft, triggerId) {
 	return definitions.length === 0 ? void 0 : {
 		definitions,
 		allowOmittedNullable: trigger.kind == "start",
-		samples: trigger.kind == "error" ? sampleErrorOutputs : void 0
+		trigger
 	};
 }
 function inputSignature(spec) {
@@ -1996,14 +2099,13 @@ async function inputEditor(spec, language, values) {
 	if (spec == null) return void 0;
 	const { FlowRunInputEditorStore } = await import("./flowRunInputEditorStore-ys1-w9GW.js").then((n) => n.t);
 	const editor = new FlowRunInputEditorStore(spec.definitions, language, { allowOmittedNullable: spec.allowOmittedNullable });
-	const initial = values ?? spec.samples;
-	if (initial != null) editor.replaceValues(Object.fromEntries(spec.definitions.flatMap(({ handle }) => Object.hasOwn(initial, handle) ? [[handle, initial[handle]]] : [])));
+	const initial = values ?? defaultTriggerTestOutputs(spec.trigger);
+	editor.replaceValues(Object.fromEntries(spec.definitions.flatMap(({ handle }) => Object.hasOwn(initial, handle) ? [[handle, initial[handle]]] : [])));
 	return editor;
 }
 function testOutputs(revision, triggerId) {
 	const node = revisionView(revision).graph()?.nodes[triggerId];
-	if (node?.kind == "error") return sampleErrorOutputs;
-	return node?.kind === "cron" ? { scheduledAt: (/* @__PURE__ */ new Date()).toISOString() } : {};
+	return node != null && isTriggerNode(node) ? defaultTriggerTestOutputs(node) : {};
 }
 var RunRequestStore = class {
 	#prepareDraft;
@@ -3797,6 +3899,17 @@ var FlowCatalog = class {
 			...tagIds == null ? {} : { tagIds }
 		}) : this.#client.getFlow(await (tagIds == null ? importer(file, name, key) : importer(file, name, key, { tagIds }))));
 	}
+	importBundle(file, name, key, importer, tagIds) {
+		return this.#create(async () => {
+			const result = importer == null ? await this.#client.importFlowBundle(file, {
+				name,
+				idempotencyKey: key,
+				...tagIds == null ? {} : { tagIds }
+			}) : await (tagIds == null ? importer(file, name, key) : importer(file, name, key, { tagIds }));
+			if (!this.#disposed) for (const member of result.flows) this.#insert(member);
+			return result.flow;
+		});
+	}
 	async #create(create) {
 		try {
 			const created = await create();
@@ -6035,6 +6148,7 @@ var NodeEdits = class {
 //#endregion
 //#region src/workbench/browser/runtime/stores/workspaceStore.ts
 var WorkspaceStore = class {
+	#exporting;
 	#edits;
 	#canvasCommandListeners;
 	#client;
@@ -6057,6 +6171,8 @@ var WorkspaceStore = class {
 		this.flowCreated = flowCreated;
 		this.accessChanged = accessChanged;
 		this.filterTriggerConnections = filterTriggerConnections;
+		this.exportPreview = val(void 0);
+		this.#exporting = false;
 		this.#canvasCommandListeners = /* @__PURE__ */ new Set();
 		this.notify = (notice) => {
 			if (!this.#disposed) this.#setNotice(notice);
@@ -6088,6 +6204,7 @@ var WorkspaceStore = class {
 	dispose() {
 		this.catalogs.dispose();
 		this.#disposed = true;
+		this.exportPreview.dispose();
 		this.#edits.dispose();
 		this.#stopCatalogWatch?.();
 		this.#stopFlowWatch?.();
@@ -6286,29 +6403,54 @@ var WorkspaceStore = class {
 		return this.#edits.selectNodes(nodeIds);
 	}
 	async exportFlow(flowId) {
+		if (this.#exporting || this.exportPreview.value != null || this.$.busy.value != null) return;
+		this.#exporting = true;
 		const current = this.#edits.capture();
 		const selected = this.#model.value.flowId == flowId;
-		if (selected && (!await this.#edits.flush() || !current())) {
-			this.#setNotice({
-				kind: "error",
-				message: this.#i18n.t("notice.exportSaveFailed")
-			});
-			return;
-		}
-		this.#edits.set({ busy: "flow" });
 		try {
-			const file = await this.#client.exportFlow(flowId);
+			if (selected && (!await this.#edits.flush() || !current())) {
+				this.#setNotice({
+					kind: "error",
+					message: this.#i18n.t("notice.exportSaveFailed")
+				});
+				return;
+			}
+			this.#edits.set({ busy: "flow" });
+			const preview = await this.#client.getFlowExportPreview(flowId);
 			if (this.#disposed || selected && !current()) return;
-			const url = URL.createObjectURL(new Blob([encodeWorkflowFile(file)], { type: "application/json;charset=utf-8" }));
+			if (preview.workflows.length == 1 && preview.unavailableFlowIds.length == 0 && !flowResourceReferences(preview.workflows[0].file.content).calledFlowIds?.length) this.#downloadWorkflow(preview.workflows[0].file);
+			else this.exportPreview.set(preview);
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+		} finally {
+			this.#exporting = false;
+			if (!this.#disposed) this.#edits.set({ busy: void 0 });
+		}
+	}
+	closeExport() {
+		this.exportPreview.set(void 0);
+	}
+	completeExport(includeDependencies) {
+		const preview = this.exportPreview.value;
+		if (preview == null || this.#disposed) return;
+		try {
+			this.#downloadWorkflow(includeDependencies ? workflowBundleFromPreview(preview) : preview.workflows.find((item) => item.flowId == preview.entryFlowId).file);
+			this.closeExport();
+		} catch (error) {
+			this.#setNotice(errorNotice(error, this.#i18n.t));
+		}
+	}
+	#downloadWorkflow(file) {
+		const entry = file.kind == "open-flow-workflow-bundle" ? file.workflows.find((item) => item.flowId == file.entryFlowId).file : file;
+		const text = file.kind == "open-flow-workflow-bundle" ? encodeWorkflowBundle(file) : encodeWorkflowFile(file);
+		const url = URL.createObjectURL(new Blob([text], { type: "application/json;charset=utf-8" }));
+		try {
 			const link = document.createElement("a");
 			link.href = url;
-			link.download = workflowFileName(file.name ?? "workflow");
+			link.download = workflowFileName(entry.name ?? "workflow");
 			link.click();
-			setTimeout(() => URL.revokeObjectURL(url), 0);
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
 		} finally {
-			this.#edits.set({ busy: void 0 });
+			setTimeout(() => URL.revokeObjectURL(url), 0);
 		}
 	}
 	createFlow(name, create, tagIds, presentation) {
@@ -6317,6 +6459,9 @@ var WorkspaceStore = class {
 	importFlow(file, name, key, importer, tagIds) {
 		return this.#createFlow(() => this.#flows.import(file, name, key, importer, tagIds));
 	}
+	importFlowBundle(file, name, key, importer, tagIds) {
+		return this.#createFlow(() => this.#flows.importBundle(file, name, key, importer, tagIds));
+	}
 	async #createFlow(create) {
 		if (!await this.saveModuleEditor()) return;
 		this.#edits.set({ busy: "flow" });
@@ -6830,21 +6975,22 @@ var WorkbenchStore = class {
 	dismissNotice() {
 		if (!this.#disposed) this.#notice.set(void 0);
 	}
-	async exportPng(language, options) {
-		const model = this.$.designer.value;
+	async downloadPng(result) {
 		const title = this.workspace.$.flow.value?.name ?? this.workspace.$.flowId.value ?? "Workflow";
 		try {
-			const { downloadFlowPng } = await import("./exportPng-BOPfjeEi.js");
-			const result = await downloadFlowPng(model, title, language, options);
+			const { downloadPng } = await import("./exportPng-CrAFfOaD.js");
+			downloadPng(result, title);
 			if (!this.#disposed) this.#notice.set({
 				kind: "success",
 				message: this.#i18n.t(result.hasImagePlaceholders ? "resource.exportPngPartial" : "resource.exportPngComplete")
 			});
+			return true;
 		} catch {
 			if (!this.#disposed) this.#notice.set({
 				kind: "error",
 				message: this.#i18n.t("resource.exportPngFailed")
 			});
+			return false;
 		}
 	}
 	invalidateVariableNames() {
@@ -6900,6 +7046,11 @@ var WorkbenchStore = class {
 	async importFlow(file, name, key, importer, tagIds) {
 		return await this.#openNewFlow(await this.workspace.importFlow(file, name, key, importer, tagIds), "notice.flowImported");
 	}
+	async importFlowBundle(file, name, key, importer, tagIds) {
+		const result = await this.workspace.importFlowBundle(file, name, key, importer, tagIds);
+		if (result != null) this.tags.reload();
+		return await this.#openNewFlow(result, "notice.flowImported");
+	}
 	async createFlow(name, create, tagIds) {
 		return await this.#openNewFlow(await this.workspace.createFlow(name, create, tagIds, setCanvasLayout({}, this.#defaultDirection)));
 	}
@@ -7094,7 +7245,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-BeQaeJ3e.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-rvcneG4q.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";
@@ -7200,7 +7351,7 @@ function FlowNameBridge({ store, onChange }) {
 	useEffect(() => () => onChange(void 0), [onChange]);
 	return null;
 }
-function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, connectionHref, hrefFor, flowId, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
+function Workbench({ importRef, catalogWidth, createFlow, importFlow, importFlowBundle, createFlowDisabled, createFlowField, connectionHref, hrefFor, flowId, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "app-shell",
 		children: flowId == null ? /* @__PURE__ */ jsx(FlowBrowser, {
@@ -7216,6 +7367,7 @@ function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlow
 			language,
 			onCreateFlow: (name, tagIds) => navigation.createFlow(name, createFlow, tagIds),
 			onImportFlow: (file, name, key, tagIds) => navigation.importFlow(file, name, key, importFlow, tagIds),
+			onImportFlowBundle: importFlow != null && importFlowBundle == null ? void 0 : (file, name, key, tagIds) => navigation.importFlowBundle(file, name, key, importFlowBundle, tagIds),
 			onLanguageChange,
 			onSelectFlow: (flow, view) => void navigation.selectFlow(flow, view),
 			store
@@ -7236,7 +7388,7 @@ function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlow
 		})
 	});
 }
-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) {
+var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow, importFlowBundle, 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);
@@ -7306,6 +7458,7 @@ var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow
 						catalogWidth,
 						createFlow,
 						importFlow,
+						importFlowBundle,
 						createFlowDisabled,
 						createFlowField,
 						connectionHref,