@oomol-lab/open-flow 0.1.0-beta.61 → 0.1.0-beta.63

package/dist/browser/workbench.js

@@ -1,9 +1,9 @@
-import { $ as RunStore, $n as setInputSources, B as CacheResource, Bn as providerIconAppearance, Bt as EmptyHeader, Ct as Popover, F as feishuResourceKind, Fn as allConnectorConnectionsQuery, Ft as InputGroupAddon, Gt as DropdownMenuContent, H as resourceData, Ht as EmptyTitle, I as supportsFeishuChatFilter, It as InputGroupInput, J as providerIcon, L as combineSources, Ln as decodeTriggerCatalog, Lt as Empty, M as addNodeIntent, Mn as errorNotice, N as deriveAddNodeOptions, Nn as WorkbenchClient, Ot as PopoverTitle, Pn as randomId, Pt as InputGroup, Qn as setConnectorConnection, Rn as connection, Rt as EmptyContent, St as followWorkbenchLink, U as resourceValue, Ut as DropdownMenu, Vt as EmptyMedia, W as designerGraph, Xn as resetInputValues, Yn as repairNodeNames, Zn as setCodeActions, Zt as DropdownMenuSeparator, _ as updateValue, _r as ApiError, _t as setComment, a as nameCreatedNodes, at as deriveInspectorDiagnostics, bt as setNodePositions, c as updateCondition, cr as triggerOutputDefinitions, d as updateNodeName, dt as connectionCatalog, er as setTriggerConnection, f as updateNodeSettings, fr as inputValue, ft as canvasPresentationChange, g as updateTaskPorts, gn as EventSourcesPage, gr as string, gt as restoreCanvasPresentation, h as updateTaskAdditionalInputs, hn as Badge, hr as record, ht as removeComments, i as deleteSelection, ir as replaceSource, it as Latest, l as updateNodeDescription, lr as isJsonObject, m as updateTask, mr as jsonValue, mt as flowPresentation, nr as updateTriggerSchedule, nt as revisionView, o as setInputValue, ot as diagnosticItems, p as updateResolution, pr as invalidResponse, pt as commentIds, qt as DropdownMenuItem, r as applyFlowChanges, rr as imports, rt as flowResourceReferences, s as setInputVariable, sr as sampleErrorOutputs, t as addNode, tn as DropdownMenuTrigger, tr as updateTriggerConfig, u as updateNodeIcon, ut as actionWithConnections, v as updateWebhook, vr as controlErrorCode, vt as setFlowViewport, wt as PopoverContent, xr as IconThemeContext, xt as IdTooltip, yn as createI18n, yt as setNodeContentHidden, z as scopedValue, zn as connectorActionMetadata, zt as EmptyDescription } from "./flowChanges-DSA0FxxN.js";
+import { $n as connection, $t as DropdownMenu, At as WorkflowExportMenuItem, B as CacheResource, Ct as resetInputValues, Dt as setTriggerConnection, En as EventSourcesPage, Et as setInputSources, F as feishuResourceKind, G as designerGraph, Gn as allConnectorConnectionsQuery, Gt as InputGroupAddon, H as resourceData, Hn as errorNotice, I as supportsFeishuChatFilter, Jt as EmptyContent, Kt as InputGroupInput, L as combineSources, M as addNodeIntent, Mt as followWorkbenchLink, N as deriveAddNodeOptions, Nt as Popover, Ot as updateTriggerConfig, Pt as PopoverContent, Qn as isJsonObject, Qt as EmptyTitle, Rt as PopoverTitle, Sr as controlErrorCode, St as repairNodeNames, Tn as Badge, Tr as IconThemeContext, Tt as setConnectorConnection, U as resourceValue, Un as WorkbenchClient, W as connectorActionPorts, Wn as randomId, Wt as InputGroup, Xn as sampleErrorOutputs, Xt as EmptyHeader, Y as providerIcon, Yt as EmptyDescription, Zn as triggerOutputDefinitions, Zt as EmptyMedia, _ as updateValue, _r as invalidResponse, _t as restoreCanvasPresentation, a as nameCreatedNodes, at as Latest, br as string, bt as setNodeContentHidden, c as updateCondition, d as updateNodeName, dn as DropdownMenuTrigger, dt as actionWithConnections, er as connectorActionMetadata, et as RunStore, f as updateNodeSettings, ft as connectionCatalog, g as updateTaskPorts, gr as inputValue, gt as removeComments, h as updateTaskAdditionalInputs, ht as flowPresentation, i as deleteSelection, ir as workflowNameFromFile, it as flowResourceReferences, jt as IdTooltip, kn as createI18n, kt as updateTriggerSchedule, l as updateNodeDescription, m as updateTask, mt as commentIds, nr as parseWorkflowFile, o as setInputValue, ot as deriveInspectorDiagnostics, p as updateResolution, pt as canvasPresentationChange, qn as decodeTriggerCatalog, qt as Empty, r as applyFlowChanges, rn as DropdownMenuItem, rr as workflowFileName, rt as revisionView, s as setInputVariable, sn as DropdownMenuSeparator, sr as providerIconAppearance, st as diagnosticItems, t as addNode, tn as DropdownMenuContent, tr as encodeWorkflowFile, u as updateNodeIcon, v as updateWebhook, vr as jsonValue, vt as setComment, wt as setCodeActions, xr as ApiError, xt as setNodePositions, yr as record, yt as setFlowViewport, z as scopedValue } from "./flowChanges-DpZOQuJE.js";
 import { a as derive, i as compute, l as val } from "./dist-bO8nvHFH.js";
-import { a as toPlainObject, c as useLang, l as useTranslate, o as I18nProvider, u as useVal } from "./dist-BFmpkX4P.js";
-import { E as FieldLabel, J as nodeInputMappings, L as FlowChangeError, R as applyFlowChanges$1, S as Field, T as FieldGroup, W as resourceNameIssue, a as DialogDescription, bi as cn, c as DialogTitle, d as TooltipContent, i as DialogContent, n as Dialog, o as DialogFooter, or as Input, p as TooltipTrigger, q as mapConditionSources, r as DialogClose, s as DialogHeader, t as Icon, u as Tooltip, vi as Button, w as FieldError, x as Spinner, yt as dequal$1 } from "./icons-DVJvrj1H.js";
-import { c as isUiLanguage, d as uiLanguages, l as resolveUiLanguage, u as uiLanguageNames } from "./value-DL_poNiC.js";
-import { Suspense, lazy, useEffect, useRef, useState } from "react";
+import { c as useLang, l as useTranslate, o as I18nProvider, u as useVal } from "./dist-BFmpkX4P.js";
+import { B as FlowChangeError, Ci as cn, E as FieldLabel, Q as nodeInputMappings, S as Field, T as FieldGroup, V as applyFlowChanges$1, Z as mapConditionSources, a as DialogDescription, at as dequal$1, c as DialogTitle, d as TooltipContent, i as DialogContent, lr as Input, n as Dialog, o as DialogFooter, p as TooltipTrigger, q as resourceNameIssue, r as DialogClose, s as DialogHeader, t as Icon, u as Tooltip, w as FieldError, x as Spinner, xi as Button } from "./icons-Db2Jb2iX.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";
 import * as Cause from "effect/Cause";
 import * as Effect from "effect/Effect";
@@ -95,11 +95,17 @@ var NavigationStore = class {
 		this.#syncing = false;
 		this.#write(view, false, { runSource });
 	}
+	async importFlow(file, name, key, importer) {
+		return await this.#openNewFlow(() => this.#store.importFlow(file, name, key, importer));
+	}
 	async createFlow(name, create) {
+		return await this.#openNewFlow(() => this.#store.createFlow(name, create));
+	}
+	async #openNewFlow(create) {
 		const change = ++this.#change;
 		this.#syncing = true;
 		try {
-			const created = await this.#store.createFlow(name, create);
+			const created = await create();
 			if (created && change == this.#change) this.#write("design", false);
 			return created;
 		} finally {
@@ -184,7 +190,7 @@ function Skeleton({ className, ...props }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-D71fO68i.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-BAJXbzNH.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
 var renamePopoverVerticalShift = 8;
@@ -531,6 +537,10 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 							}), 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"),
@@ -622,7 +632,7 @@ function FlowSkeleton({ showTeam }) {
 		})]
 	});
 }
-function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBadges, hrefForFlow, initializing = false, onCreateFlow, onSelectFlow, store }) {
+var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBadges, hrefForFlow, initializing = false, onCreateFlow, onImportFlow, onSelectFlow, store, language }, ref) {
 	const t = useTranslate();
 	const busy = useVal(store.workspace.$.busy);
 	const loadFailed = useVal(store.workspace.$.flowLoadFailed);
@@ -634,17 +644,54 @@ function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBa
 	const refreshing = useVal(store.workspace.$.flowRefreshing);
 	const flows = useVal(store.workspace.$.flows);
 	const total = useVal(store.workspace.$.flowTotal);
-	const [creating, setCreating] = useState(false);
+	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();
+	useImperativeHandle(ref, () => ({ openImport: (input) => command.current?.(input) ?? "unavailable" }), []);
+	useLayoutEffect(() => {
+		command.current = openImport;
+		return () => {
+			command.current = void 0;
+		};
+	});
+	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);
+			return "invalid-file";
+		}
+		setName(file.name ?? (input.fileName == null ? importedWorkflowName(language) : workflowNameFromFile(input.fileName)));
+		creation$.set({
+			kind: "import",
+			file,
+			key: randomId(),
+			...input.sourceUrl == null ? {} : { sourceUrl: input.sourceUrl }
+		});
+		return "opened";
+	}
+	function openCreate() {
+		if (creation$.value != null) return;
+		setName("");
+		creation$.set({ kind: "create" });
+	}
 	async function create(event) {
 		event.preventDefault();
+		const request = creation$.value;
 		const nextName = name.trim();
-		if (resourceNameIssue(nextName) != null || !await onCreateFlow(nextName)) return;
-		setCreating(false);
+		if (request == null || resourceNameIssue(nextName) != null) return;
+		if (!(request.kind == "create" ? await onCreateFlow(nextName) : await onImportFlow?.(request.file, nextName, request.key)) || command.current == null || creation$.value !== request) return;
+		creation$.set(void 0);
 		setName("");
 	}
 	return /* @__PURE__ */ jsx("main", {
@@ -675,30 +722,61 @@ function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBa
 								}), !loading && /* @__PURE__ */ jsx("span", { children: t("resource.flowCount", { count: total ?? flows.length }) })]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "resource-list-actions",
-								children: [/* @__PURE__ */ jsxs(InputGroup, {
-									className: "w-full sm:w-56",
-									children: [/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Icon, {
-										name: "search",
-										size: 17
-									}) }), /* @__PURE__ */ jsx(InputGroupInput, {
-										autoComplete: "off",
-										"aria-label": t("resource.searchByName"),
-										name: "flow-search",
-										onChange: (event) => setFilter(event.target.value),
-										placeholder: t("resource.searchByName"),
-										value: filter
-									})]
-								}), /* @__PURE__ */ jsxs(Button, {
-									className: "pr-3",
-									disabled: initializing || busy != null,
-									onClick: () => setCreating(true),
-									children: [/* @__PURE__ */ jsx(Icon, {
-										"data-icon": "inline-start",
-										name: "plus"
-									}), t("resource.newFlow")]
-								})]
+								children: [
+									/* @__PURE__ */ jsxs(InputGroup, {
+										className: "w-full sm:w-56",
+										children: [/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Icon, {
+											name: "search",
+											size: 17
+										}) }), /* @__PURE__ */ jsx(InputGroupInput, {
+											autoComplete: "off",
+											"aria-label": t("resource.searchByName"),
+											name: "flow-search",
+											onChange: (event) => setFilter(event.target.value),
+											placeholder: t("resource.searchByName"),
+											value: filter
+										})]
+									}),
+									onImportFlow != null && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Input, {
+										ref: fileInput,
+										className: "hidden",
+										type: "file",
+										accept: ".openflow.json,.json,application/json",
+										"aria-label": t("resource.importFlow"),
+										onChange: (event) => {
+											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));
+										}
+									}), /* @__PURE__ */ jsx(Button, {
+										variant: "outline",
+										disabled: initializing || busy != null || createFlowDisabled,
+										onClick: () => fileInput.current?.click(),
+										children: t("resource.importFlow")
+									})] }),
+									/* @__PURE__ */ jsxs(Button, {
+										className: "pr-3",
+										disabled: initializing || busy != null,
+										onClick: openCreate,
+										children: [/* @__PURE__ */ jsx(Icon, {
+											"data-icon": "inline-start",
+											name: "plus"
+										}), t("resource.newFlow")]
+									})
+								]
 							})]
 						}),
+						importError && /* @__PURE__ */ jsx("p", {
+							role: "alert",
+							children: t("resource.importInvalid")
+						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "resource-table-scroll",
 							children: /* @__PURE__ */ jsxs("div", {
@@ -762,7 +840,7 @@ function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBa
 											/* @__PURE__ */ jsx(EmptyTitle, { children: t(normalized.length == 0 ? "resource.noFlows" : "resource.noMatchingFlows") }),
 											/* @__PURE__ */ jsx(EmptyDescription, { children: t(normalized.length == 0 ? "resource.noFlowsDescription" : "resource.noMatchingDescription") })
 										] }), normalized.length == 0 && /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsxs(Button, {
-											onClick: () => setCreating(true),
+											onClick: openCreate,
 											variant: "outline",
 											children: [/* @__PURE__ */ jsx(Icon, {
 												"data-icon": "inline-start",
@@ -792,7 +870,7 @@ function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBa
 						})
 					]
 				}),
-				creating && /* @__PURE__ */ jsx(Suspense, {
+				creation != null && /* @__PURE__ */ jsx(Suspense, {
 					fallback: null,
 					children: /* @__PURE__ */ jsx(CreateResourceDialog, {
 						disabled: createFlowDisabled,
@@ -802,16 +880,23 @@ function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBa
 						label: t("resource.flowName"),
 						name,
 						onNameChange: setName,
-						onOpenChange: setCreating,
+						onOpenChange: (open) => {
+							if (!open) {
+								creation$.set(void 0);
+								setName("");
+							}
+						},
 						onSubmit: (event) => void create(event),
 						pending: busy == "flow",
-						title: t("resource.newFlow")
+						sourceUrl: creation.kind == "import" ? creation.sourceUrl : void 0,
+						submitLabel: creation.kind == "import" ? t("resource.importFlow") : void 0,
+						title: t(creation.kind == "create" ? "resource.newFlow" : "resource.importFlow")
 					})
 				})
 			]
 		})
 	});
-}
+});
 //#endregion
 //#region ../../node_modules/.bun/dequal@2.0.3/node_modules/dequal/dist/index.mjs
 var has = Object.prototype.hasOwnProperty;
@@ -925,6 +1010,36 @@ function disconnect(content, edge) {
 		kind: "graph.edge.disconnect"
 	}];
 }
+//#endregion
+//#region src/flow/common/moduleChanges.ts
+async function imports(source) {
+	try {
+		const { parse } = await import("./lib-Dws05GHj.js").then((n) => n.t);
+		const program = parse(source, {
+			errorRecovery: true,
+			sourceType: "module"
+		}).program;
+		const dependencies = /* @__PURE__ */ new Set();
+		for (const statement of program.body) {
+			if (statement.type != "ImportDeclaration") continue;
+			const match = /^\.\/(.+)\.mjs$/.exec(statement.source.value);
+			if (match?.[1] != null) dependencies.add(match[1]);
+		}
+		return [...dependencies].toSorted();
+	} catch {
+		return [];
+	}
+}
+function replaceSource(moduleId, beforeSource, beforeImports, source, moduleImports) {
+	return [{
+		beforeImports,
+		beforeSource,
+		imports: moduleImports,
+		kind: "module.source.replace",
+		moduleId,
+		source
+	}];
+}
 var createAuthoringId = customAlphabet("23456789abcdefghjkmnpqrstuvwxyz", 10);
 //#endregion
 //#region src/workbench/browser/runtime/editor/triggerDiagnosticPresentation.ts
@@ -945,12 +1060,15 @@ function presentTriggerDiagnostics(items, revision, displays, language, t) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/publications/publicationStore.ts
+var initialBindings = {
+	status: "idle",
+	bindings: []
+};
 var initialState$6 = {
 	activities: [],
 	activitiesLoadFailed: false,
 	activitiesLoading: false,
 	activitiesLoadingMore: false,
-	bindings: [],
 	detailLoading: false,
 	loaded: false,
 	loadFailed: false,
@@ -971,6 +1089,8 @@ var PublicationStore = class {
 	#client;
 	#identity;
 	#i18n;
+	#bindings = val(initialBindings);
+	#bindingLoads = new Latest();
 	#loads = new Latest();
 	#operation = new Latest();
 	#preferences;
@@ -994,7 +1114,7 @@ var PublicationStore = class {
 			activitiesLoading: derive(this.#state, (state) => state.activitiesLoading),
 			activitiesLoadingMore: derive(this.#state, (state) => state.activitiesLoadingMore),
 			activitiesNextCursor: derive(this.#state, (state) => state.activitiesNextCursor),
-			bindings: derive(this.#state, (state) => state.bindings),
+			bindings: this.#bindings,
 			detail: derive(this.#state, (state) => state.detail),
 			detailLoading: derive(this.#state, (state) => state.detailLoading),
 			live: derive(this.#state, (state) => state.live),
@@ -1015,6 +1135,7 @@ var PublicationStore = class {
 		};
 	}
 	dispose() {
+		this.#bindingLoads.invalidate();
 		this.#loads.invalidate();
 		this.#operation.invalidate();
 		this.#stopObservation();
@@ -1024,6 +1145,8 @@ var PublicationStore = class {
 		this.#state.dispose();
 	}
 	reset() {
+		this.#bindingLoads.invalidate();
+		this.#bindings.set(initialBindings);
 		this.#loads.invalidate();
 		this.#operation.invalidate();
 		this.#stopObservation();
@@ -1055,11 +1178,11 @@ var PublicationStore = class {
 		});
 		try {
 			const operation = warm ? state.operation : await this.#storedOperation(target);
-			const [live, page, bindings] = await this.#read(target);
+			if (!current()) return;
+			const [live, page] = await this.#read(target);
 			if (!current()) return;
 			this.#workspace.updateLive(live);
 			this.#set({
-				bindings,
 				live,
 				loaded: true,
 				loading: false,
@@ -1086,6 +1209,36 @@ var PublicationStore = class {
 			this.#setNotice(errorNotice(error, this.#i18n.t));
 		}
 	}
+	async loadBindings(flowId) {
+		try {
+			await this.#readBindings(flowId);
+		} catch {}
+	}
+	async #readBindings(flowId, signal) {
+		const previous = this.#bindings.value;
+		const current = this.#bindingLoads.begin();
+		this.#bindings.set({
+			flowId,
+			status: "loading",
+			bindings: previous.flowId === flowId ? previous.bindings : []
+		});
+		try {
+			const bindings = await this.#client.listFlowTriggerBindings(flowId, signal);
+			if (!current()) return;
+			this.#bindings.set({
+				flowId,
+				status: "loaded",
+				bindings
+			});
+		} catch (error) {
+			if (!current()) return;
+			this.#bindings.set({
+				...this.#bindings.value,
+				status: "failed"
+			});
+			throw error;
+		}
+	}
 	async loadMore() {
 		const { loadingMore, nextCursor, target } = this.#state.value;
 		if (loadingMore || nextCursor == null || target == null) return;
@@ -1307,14 +1460,13 @@ var PublicationStore = class {
 	}
 	async #refresh(target, signal) {
 		const current = this.#loads.begin();
-		const [live, page, bindings] = await this.#read(target, signal).catch((error) => {
+		const [live, page] = await this.#read(target, signal).catch((error) => {
 			if (current() && sameTarget(this.#state.value.target, target)) this.#set({ refreshing: false });
 			throw error;
 		});
 		signal?.throwIfAborted();
 		if (current()) this.#workspace.updateLive(live);
 		if (current() && sameTarget(this.#state.value.target, target)) this.#set({
-			bindings,
 			live,
 			loaded: true,
 			loadFailed: false,
@@ -1341,7 +1493,7 @@ var PublicationStore = class {
 				includeTotal: true,
 				limit: pageLimit$1
 			}, signal),
-			this.#client.listFlowTriggerBindings(target.flowId, signal)
+			this.#readBindings(target.flowId, signal)
 		]);
 	}
 	async #storedOperation(target) {
@@ -1475,7 +1627,7 @@ function inputSignature(spec) {
 }
 async function inputEditor(spec, language, values) {
 	if (spec == null) return void 0;
-	const { FlowRunInputEditorStore } = await import("./flowRunInputEditorStore-Dsxyfwae.js").then((n) => n.t);
+	const { FlowRunInputEditorStore } = await import("./flowRunInputEditorStore-B2Rw4VsT.js").then((n) => n.t);
 	const editor = new FlowRunInputEditorStore(spec.definitions, language);
 	const initial = values ?? spec.samples;
 	if (initial != null) editor.replaceValues(initial);
@@ -2439,116 +2591,6 @@ function getConnectionsCache(options) {
 	return getSingleton(singletonKey(oomolNamespaces.connections, options, [query.ownerId], options.sessionId), () => createConnectionsCacheInternal(options, validated));
 }
 //#endregion
-//#region src/connector/common/actionSchema.ts
-function connectorActionPorts(inputSchema, outputSchema) {
-	const inputs = inputPorts(inputSchema);
-	return {
-		inputs,
-		initialInputs: inputs.flatMap((input) => input.value === void 0 ? [] : [{
-			handle: input.handle,
-			value: input.value
-		}]),
-		outputs: outputPorts(outputSchema)
-	};
-}
-function inputPorts(schema) {
-	const root = toPlainObject(schema);
-	if (root == null || root.type != "object" && root.properties == null) throw new Error("Connector action inputSchema must be an object schema.");
-	const properties = toPlainObject(root.properties);
-	if (properties == null) return [];
-	const required = stringSet(root.required);
-	return Object.entries(properties).map(([handle, propertySchema]) => {
-		const nullable = !required.has(handle) || schemaAllowsNull(propertySchema, root);
-		return {
-			description: schemaDescription(root, propertySchema),
-			handle,
-			json_schema: propertySchemaWithDefinitions(root, propertySchema),
-			nullable,
-			value: schemaDefault(root, propertySchema, nullable)
-		};
-	});
-}
-function outputPorts(schema) {
-	const root = toPlainObject(schema);
-	const properties = toPlainObject(root?.properties);
-	if (root != null && (root.type == "object" || properties != null)) {
-		if (properties == null) return [];
-		const required = stringSet(root.required);
-		return Object.entries(properties).map(([handle, propertySchema]) => ({
-			description: schemaDescription(root, propertySchema),
-			handle,
-			json_schema: propertySchemaWithDefinitions(root, propertySchema),
-			nullable: !required.has(handle) || schemaAllowsNull(propertySchema, root)
-		}));
-	} else return [{
-		description: schemaDescription(root, schema),
-		handle: "output",
-		json_schema: schema,
-		nullable: schemaAllowsNull(schema)
-	}];
-}
-function propertySchemaWithDefinitions(root, schema) {
-	const property = toPlainObject(schema);
-	if (property == null) return schema;
-	const result = Object.assign({}, property);
-	if (result.$defs == null && root.$defs != null) result.$defs = root.$defs;
-	if (result.definitions == null && root.definitions != null) result.definitions = root.definitions;
-	return result;
-}
-function schemaDescription(root, schema) {
-	for (const object of referencedSchemas(root, schema)) if (typeof object.description == "string") return object.description;
-}
-function schemaDefault(root, schema, nullable) {
-	for (const object of referencedSchemas(root, schema)) if (Object.hasOwn(object, "default")) return object.default;
-	return nullable ? null : void 0;
-}
-function stringSet(value) {
-	if (!Array.isArray(value)) return /* @__PURE__ */ new Set();
-	return new Set(value.filter((item) => typeof item == "string"));
-}
-function schemaAllowsNull(schema, root = schema, references = /* @__PURE__ */ new Set()) {
-	const object = toPlainObject(schema);
-	if (object == null) return false;
-	if (Object.hasOwn(object, "type")) return object.type == "null" || Array.isArray(object.type) && object.type.includes("null");
-	if (Object.hasOwn(object, "enum")) return Array.isArray(object.enum) && object.enum.includes(null);
-	for (const key of ["anyOf", "oneOf"]) if (Object.hasOwn(object, key)) return Array.isArray(object[key]) && object[key].some((item) => schemaAllowsNull(item, root, references));
-	const reference = typeof object.$ref == "string" ? object.$ref : void 0;
-	if (reference == null || references.has(reference)) return false;
-	const target = resolveLocalReference(root, reference);
-	if (target === void 0) return false;
-	const nextReferences = new Set(references);
-	nextReferences.add(reference);
-	return schemaAllowsNull(target, root, nextReferences);
-}
-function referencedSchemas(root, schema) {
-	const result = [];
-	const references = /* @__PURE__ */ new Set();
-	let current = schema;
-	while (true) {
-		const object = toPlainObject(current);
-		if (object == null) return result;
-		result.push(object);
-		const reference = typeof object.$ref == "string" ? object.$ref : void 0;
-		if (reference == null || references.has(reference)) return result;
-		const target = resolveLocalReference(root, reference);
-		if (target === void 0) return result;
-		references.add(reference);
-		current = target;
-	}
-}
-function resolveLocalReference(root, reference) {
-	if (reference == "#") return root;
-	if (!reference.startsWith("#/")) return void 0;
-	let current = root;
-	for (const encodedToken of reference.slice(2).split("/")) {
-		const object = toPlainObject(current);
-		const token = encodedToken.replaceAll("~1", "/").replaceAll("~0", "~");
-		if (object == null || !Object.hasOwn(object, token)) return void 0;
-		current = object[token];
-	}
-	return current;
-}
-//#endregion
 //#region src/workbench/browser/runtime/stores/proxyCatalog.ts
 /** Validate the fields we consume without discarding upstream representation fields. */
 function proxyResponse(value, validate) {
@@ -4836,12 +4878,6 @@ var FlowCatalog = class {
 			this.#pending.delete(flow.flowId);
 		}
 	}
-	async create(name) {
-		const flow = await this.#client.createFlow(name);
-		if (this.#disposed) return;
-		this.insert(flow);
-		return flow;
-	}
 	include(flow) {
 		const index = this.#state.value.flows.findIndex((candidate) => candidate.flowId == flow.flowId);
 		if (index < 0) {
@@ -5025,6 +5061,7 @@ var PresentationChanges = class {
 	#changes = Promise.resolve();
 	#committed;
 	#disposed = false;
+	#failed = false;
 	#pending = [];
 	constructor(client, setNotice, setPresentation, i18n) {
 		this.#client = client;
@@ -5033,6 +5070,7 @@ var PresentationChanges = class {
 		this.#i18n = i18n;
 	}
 	reset(presentation) {
+		this.#failed = false;
 		this.#committed = presentation;
 		this.#pending = [];
 	}
@@ -5040,8 +5078,16 @@ var PresentationChanges = class {
 		this.#disposed = true;
 		this.#pending = [];
 	}
+	async flush() {
+		await this.settled();
+		return !this.#failed && !this.#disposed;
+	}
 	async settled() {
-		await this.#changes;
+		let pending;
+		do {
+			pending = this.#changes;
+			await pending;
+		} while (pending !== this.#changes);
 	}
 	async change(flowId, presentation, current, update) {
 		if (this.#disposed || this.#committed == null) return false;
@@ -5074,6 +5120,7 @@ var PresentationChanges = class {
 				success = true;
 			} catch (error) {
 				if (this.#disposed || !current()) return;
+				this.#failed = true;
 				if (error instanceof ApiError && error.code == "flow.presentation-conflict") try {
 					const latest = await this.#client.getPresentation(flowId);
 					if (this.#disposed || !current()) return;
@@ -5488,14 +5535,49 @@ var WorkspaceStore = class {
 		});
 		return true;
 	}
-	async createFlow(name, create) {
+	async exportFlow(flowId) {
+		const current = this.#draftSession.capture();
+		const selected = this.#model.value.flowId == flowId;
+		if (selected && (!await this.saveDraft() || !await this.#presentationChanges.flush() || !current())) {
+			this.#setNotice({
+				kind: "error",
+				message: this.#i18n.t("notice.exportSaveFailed")
+			});
+			return;
+		}
+		this.#set({ busy: "flow" });
+		try {
+			const file = await this.#client.exportFlow(flowId);
+			if (this.#disposed || selected && !current()) return;
+			const url = URL.createObjectURL(new Blob([encodeWorkflowFile(file)], { type: "application/json;charset=utf-8" }));
+			const link = document.createElement("a");
+			link.href = url;
+			link.download = workflowFileName(file.name ?? "workflow");
+			link.click();
+			setTimeout(() => URL.revokeObjectURL(url), 0);
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+		} finally {
+			this.#set({ busy: void 0 });
+		}
+	}
+	createFlow(name, create) {
+		return this.#createFlow(async () => create == null ? this.#client.createFlow(name) : this.#client.getFlow(await create(name)));
+	}
+	importFlow(file, name, key, importer) {
+		return this.#createFlow(async () => importer == null ? this.#client.importFlow(file, {
+			name,
+			idempotencyKey: key
+		}) : this.#client.getFlow(await importer(file, name, key)));
+	}
+	async #createFlow(create) {
 		if (!await this.saveModuleEditor()) return;
 		this.#set({ busy: "flow" });
 		try {
-			if (create == null) return await this.#flows.create(name);
-			const flow = await this.#client.getFlow(await create(name));
-			this.#flows.insert(flow);
-			return flow;
+			const created = await create();
+			if (this.#disposed) return;
+			this.#flows.insert(created);
+			return created;
 		} catch (error) {
 			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
 		} finally {
@@ -6540,13 +6622,18 @@ var WorkbenchStore = class {
 			this.#openingCreatedFlow = false;
 		}
 	}
+	async importFlow(file, name, key, importer) {
+		return await this.#openNewFlow(await this.workspace.importFlow(file, name, key, importer), "notice.flowImported");
+	}
 	async createFlow(name, create) {
-		const flow = await this.workspace.createFlow(name, create);
-		if (this.#disposed || flow == null) return false;
-		await this.selectFlow(flow.flowId);
+		return await this.#openNewFlow(await this.workspace.createFlow(name, create), "notice.created");
+	}
+	async #openNewFlow(created, notice) {
+		if (this.#disposed || created == null) return false;
+		await this.selectFlow(created.flowId);
 		if (!this.#disposed) this.#notice.set({
 			kind: "success",
-			message: this.#i18n.t("notice.created", { name: flow.name })
+			message: this.#i18n.t(notice, { name: created.name })
 		});
 		return true;
 	}
@@ -6726,7 +6813,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-0sUJ5JhQ.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-B7a5NNA_.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";
@@ -6832,11 +6919,12 @@ function FlowNameBridge({ store, onChange }) {
 	useEffect(() => () => onChange(void 0), [onChange]);
 	return null;
 }
-function Workbench({ catalogWidth, createFlow, createFlowDisabled, createFlowField, flowBadges, connectionHref, hrefFor, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
+function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, flowBadges, connectionHref, hrefFor, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
 	const flowId = useVal(store.workspace.$.flowId);
 	return /* @__PURE__ */ jsx("div", {
 		className: "app-shell",
 		children: flowId == null ? /* @__PURE__ */ jsx(FlowBrowser, {
+			ref: importRef,
 			catalogWidth,
 			createFlowDisabled,
 			createFlowField,
@@ -6848,6 +6936,7 @@ function Workbench({ catalogWidth, createFlow, createFlowDisabled, createFlowFie
 			initializing,
 			language,
 			onCreateFlow: (name) => navigation.createFlow(name, createFlow),
+			onImportFlow: (file, name, key) => navigation.importFlow(file, name, key, importFlow),
 			onLanguageChange,
 			onSelectFlow: (flow, view) => void navigation.selectFlow(flow, view),
 			store
@@ -6868,7 +6957,9 @@ function Workbench({ catalogWidth, createFlow, createFlowDisabled, createFlowFie
 		})
 	});
 }
-function Session({ catalogWidth, createFlow, createFlowDisabled, createFlowField, flowBadges, connectionHref, host, hrefFor, language, location, onConfigureConnector, onManageConnectorAccess, onLanguageChange, onNavigate, onFlowNameChange, preferences, sessionKey, theme, variables = true }) {
+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) {
+	const importRef = useRef(null);
+	useImperativeHandle(ref, () => ({ openImport: (input) => importRef.current?.openImport(input) ?? "unavailable" }), []);
 	const navigate = useRef(onNavigate);
 	navigate.current = onNavigate;
 	const [{ i18n, navigation, store }] = useState(() => {
@@ -6932,8 +7023,10 @@ function Session({ catalogWidth, createFlow, createFlowDisabled, createFlowField
 						onChange: onFlowNameChange
 					}),
 					started || location.flowId == null ? /* @__PURE__ */ jsx(Workbench, {
+						importRef: location.flowId == null ? importRef : void 0,
 						catalogWidth,
 						createFlow,
+						importFlow,
 						createFlowDisabled,
 						createFlowField,
 						flowBadges,
@@ -6955,12 +7048,13 @@ function Session({ catalogWidth, createFlow, createFlowDisabled, createFlowField
 			})
 		})
 	});
-}
-function OpenFlowWorkbench({ sessionKey, ...props }) {
+});
+var OpenFlowWorkbench = forwardRef(function OpenFlowWorkbench({ sessionKey, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Session, {
+		ref,
 		sessionKey,
 		...props
 	}, `${sessionKey}:${props.host.connectorOwnerId ?? ""}`);
-}
+});
 //#endregion
 export { EventSourcesPage, OpenFlowSessionGate, OpenFlowWorkbench, isUiLanguage as isWorkbenchLanguage, resolveUiLanguage as resolveWorkbenchLanguage, uiLanguageNames as workbenchLanguageNames, uiLanguages as workbenchLanguages };