@oomol-lab/open-flow 0.1.0-beta.62 → 0.1.0-beta.64

package/dist/browser/workbench.js

@@ -1,9 +1,9 @@
-import { $ as RunStore, $n as connection, $t as DropdownMenuContent, At as followWorkbenchLink, B as CacheResource, Bn as errorNotice, Cn as Badge, Ct as setCodeActions, Dn as createI18n, Dt as updateTriggerConfig, Et as setTriggerConnection, F as feishuResourceKind, Gn as decodeTriggerCatalog, Gt as Empty, H as resourceData, Hn as randomId, Ht as InputGroup, I as supportsFeishuChatFilter, It as PopoverTitle, J as providerIcon, Jn as sampleErrorOutputs, Jt as EmptyHeader, Kt as EmptyContent, L as combineSources, M as addNodeIntent, Mt as PopoverContent, N as deriveAddNodeOptions, Ot as updateTriggerSchedule, St as resetInputValues, Tt as setInputSources, U as resourceValue, Un as allConnectorConnectionsQuery, Ut as InputGroupAddon, Vn as WorkbenchClient, W as designerGraph, Wt as InputGroupInput, Xn as isJsonObject, Xt as EmptyTitle, Yn as triggerOutputDefinitions, Yt as EmptyMedia, Zt as DropdownMenu, _ as updateValue, _t as setComment, a as nameCreatedNodes, an as DropdownMenuSeparator, at as deriveInspectorDiagnostics, bt as setNodePositions, c as updateCondition, d as updateNodeName, dr as invalidResponse, dt as connectionCatalog, er as connectorActionMetadata, f as updateNodeSettings, fr as jsonValue, ft as canvasPresentationChange, g as updateTaskPorts, gr as controlErrorCode, gt as restoreCanvasPresentation, h as updateTaskAdditionalInputs, hr as ApiError, ht as removeComments, i as deleteSelection, it as Latest, jt as Popover, kt as IdTooltip, l as updateNodeDescription, ln as DropdownMenuTrigger, m as updateTask, mr as string, mt as flowPresentation, nt as revisionView, o as setInputValue, ot as diagnosticItems, p as updateResolution, pr as record, pt as commentIds, qt as EmptyDescription, r as applyFlowChanges, rt as flowResourceReferences, s as setInputVariable, t as addNode, tn as DropdownMenuItem, tr as providerIconAppearance, u as updateNodeIcon, ur as inputValue, ut as actionWithConnections, v as updateWebhook, vt as setFlowViewport, wn as EventSourcesPage, wt as setConnectorConnection, xt as repairNodeNames, yr as IconThemeContext, yt as setNodeContentHidden, z as scopedValue } from "./flowChanges-CzYIVevI.js";
+import { $n as isJsonObject, $t as EmptyTitle, An as createI18n, At as updateTriggerSchedule, B as CacheResource, Cr as controlErrorCode, Ct as repairNodeNames, Dn as EventSourcesPage, Dt as setInputSources, En as Badge, Er as IconThemeContext, Et as setConnectorConnection, F as feishuResourceKind, Ft as PopoverContent, G as designerGraph, Gn as randomId, Gt as InputGroup, H as resourceData, I as supportsFeishuChatFilter, Jn as decodeTriggerCatalog, Jt as Empty, Kn as allConnectorConnectionsQuery, Kt as InputGroupAddon, L as combineSources, M as addNodeIntent, Mt as IdTooltip, N as deriveAddNodeOptions, Nt as followWorkbenchLink, Ot as setTriggerConnection, Pt as Popover, Qn as triggerOutputDefinitions, Qt as EmptyMedia, Sr as ApiError, St as setNodePositions, Tt as setCodeActions, U as resourceValue, Un as errorNotice, W as connectorActionPorts, Wn as WorkbenchClient, Xt as EmptyDescription, Y as providerIcon, Yt as EmptyContent, Zn as sampleErrorOutputs, Zt as EmptyHeader, _ as updateValue, _r as inputValue, _t as removeComments, a as nameCreatedNodes, ar as workflowNameFromFile, at as flowResourceReferences, br as record, bt as setFlowViewport, c as updateCondition, cn as DropdownMenuSeparator, cr as providerIconAppearance, ct as diagnosticItems, d as updateNodeName, en as DropdownMenu, er as connection, f as updateNodeSettings, fn as DropdownMenuTrigger, ft as actionWithConnections, g as updateTaskPorts, gt as flowPresentation, h as updateTaskAdditionalInputs, ht as commentIds, i as deleteSelection, in as DropdownMenuItem, ir as workflowFileName, it as revisionView, jt as WorkflowExportMenuItem, kt as updateTriggerConfig, l as updateNodeDescription, m as updateTask, mt as canvasPresentationChange, nn as DropdownMenuContent, nr as encodeWorkflowFile, o as setInputValue, ot as Latest, p as updateResolution, pt as connectionCatalog, qt as InputGroupInput, r as applyFlowChanges, rr as parseWorkflowFile, s as setInputVariable, st as deriveInspectorDiagnostics, t as addNode, tr as connectorActionMetadata, tt as RunStore, u as updateNodeIcon, v as updateWebhook, vr as invalidResponse, vt as restoreCanvasPresentation, wt as resetInputValues, xr as string, xt as setNodeContentHidden, yr as jsonValue, yt as setComment, z as scopedValue, zt as PopoverTitle } from "./flowChanges-BAMkSaKF.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 { B as applyFlowChanges$1, E as FieldLabel, K as resourceNameIssue, S as Field, T as FieldGroup, X as nodeInputMappings, Y as mapConditionSources, a as DialogDescription, c as DialogTitle, d as TooltipContent, i as DialogContent, n as Dialog, o as DialogFooter, p as TooltipTrigger, r as DialogClose, rt as dequal$1, s as DialogHeader, sr as Input, t as Icon, u as Tooltip, w as FieldError, x as Spinner, xi as cn, yi as Button, z as FlowChangeError } from "./icons-CajfDpy_.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,10 +190,9 @@ function Skeleton({ className, ...props }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-DZgJsr3e.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-BAJXbzNH.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
-var renamePopoverVerticalShift = 8;
 function compactFlowId(flowId) {
 	return flowId.length <= 20 ? flowId : `${flowId.slice(0, 10)}…${flowId.slice(-6)}`;
 }
@@ -364,54 +369,56 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 										finalFocus: actionsButton,
 										positionMethod: "fixed",
 										side: "top",
-										sideOffset: ({ anchor, positioner }) => -(anchor.height + positioner.height) / 2 - renamePopoverVerticalShift,
+										sideOffset: ({ anchor, positioner }) => -(anchor.height + positioner.height) / 2,
 										children: [/* @__PURE__ */ jsx(PopoverTitle, {
 											className: "sr-only",
 											children: t("sidebar.renameFlow", { name: flow.name })
-										}), /* @__PURE__ */ jsxs("form", {
-											className: "resource-rename-form",
+										}), /* @__PURE__ */ jsx("form", {
 											onSubmit: (event) => void rename(event),
-											children: [
-												/* @__PURE__ */ jsxs(Field, {
-													className: "min-w-0 flex-1",
-													"data-invalid": name.length > 0 && issue != null,
-													children: [
-														/* @__PURE__ */ jsx(FieldLabel, {
-															className: "sr-only",
-															htmlFor: `rename-flow-${flow.flowId}`,
-															children: t("resource.flowName")
-														}),
-														/* @__PURE__ */ jsx(Input, {
-															autoComplete: "off",
-															"aria-invalid": name.length > 0 && issue != null,
-															"aria-describedby": name.length > 0 && issue != null ? `rename-error-${flow.flowId}` : void 0,
-															id: `rename-flow-${flow.flowId}`,
-															name: "flow-name",
-															onChange: (event) => setName(event.target.value),
-															ref: nameInput,
-															required: true,
-															value: name
-														}),
-														name.length > 0 && issue != null && /* @__PURE__ */ jsx(FieldError, {
-															id: `rename-error-${flow.flowId}`,
-															children: t(`resource.nameIssue.${issue}`, { max: 80 })
-														})
-													]
-												}),
-												/* @__PURE__ */ jsx(Button, {
-													onClick: () => setMode("idle"),
-													size: "sm",
-													type: "button",
-													variant: "ghost",
-													children: t("common.cancel")
-												}),
-												/* @__PURE__ */ jsx(Button, {
-													disabled: busy != null || issue != null,
-													size: "sm",
-													type: "submit",
-													children: t("common.save")
-												})
-											]
+											children: /* @__PURE__ */ jsxs(Field, {
+												"data-invalid": name.length > 0 && issue != null,
+												children: [
+													/* @__PURE__ */ jsx(FieldLabel, {
+														className: "sr-only",
+														htmlFor: `rename-flow-${flow.flowId}`,
+														children: t("resource.flowName")
+													}),
+													/* @__PURE__ */ jsxs("div", {
+														className: "resource-rename-form",
+														children: [
+															/* @__PURE__ */ jsx(Input, {
+																controlSize: "field",
+																autoComplete: "off",
+																"aria-invalid": name.length > 0 && issue != null,
+																"aria-describedby": name.length > 0 && issue != null ? `rename-error-${flow.flowId}` : void 0,
+																id: `rename-flow-${flow.flowId}`,
+																name: "flow-name",
+																onChange: (event) => setName(event.target.value),
+																ref: nameInput,
+																required: true,
+																value: name
+															}),
+															/* @__PURE__ */ jsx(Button, {
+																onClick: () => setMode("idle"),
+																size: "sm",
+																type: "button",
+																variant: "ghost",
+																children: t("common.cancel")
+															}),
+															/* @__PURE__ */ jsx(Button, {
+																disabled: busy != null || issue != null,
+																size: "sm",
+																type: "submit",
+																children: t("common.save")
+															})
+														]
+													}),
+													name.length > 0 && issue != null && /* @__PURE__ */ jsx(FieldError, {
+														id: `rename-error-${flow.flowId}`,
+														children: t(`resource.nameIssue.${issue}`, { max: 80 })
+													})
+												]
+											})
 										})]
 									})
 								})]
@@ -531,6 +538,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 +633,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 +645,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 +723,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 +841,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 +871,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 +881,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;
@@ -1542,7 +1628,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);
@@ -2506,116 +2592,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) {
@@ -4903,12 +4879,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) {
@@ -5092,6 +5062,7 @@ var PresentationChanges = class {
 	#changes = Promise.resolve();
 	#committed;
 	#disposed = false;
+	#failed = false;
 	#pending = [];
 	constructor(client, setNotice, setPresentation, i18n) {
 		this.#client = client;
@@ -5100,6 +5071,7 @@ var PresentationChanges = class {
 		this.#i18n = i18n;
 	}
 	reset(presentation) {
+		this.#failed = false;
 		this.#committed = presentation;
 		this.#pending = [];
 	}
@@ -5107,8 +5079,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;
@@ -5141,6 +5121,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;
@@ -5306,6 +5287,7 @@ var deletionMessageKeys = {
 	webhookBody: "history.deleted.webhookBody"
 };
 var WorkspaceStore = class {
+	#canvasCommandListeners;
 	#client;
 	#draftChanges;
 	#draftSession;
@@ -5335,6 +5317,7 @@ var WorkspaceStore = class {
 		this.flowCreated = flowCreated;
 		this.accessChanged = accessChanged;
 		this.filterTriggerConnections = filterTriggerConnections;
+		this.#canvasCommandListeners = /* @__PURE__ */ new Set();
 		this.#draftSession = new Latest();
 		this.#history = new CanvasHistory();
 		this.history$ = this.#history.state$;
@@ -5345,6 +5328,12 @@ var WorkspaceStore = class {
 		this.#started = false;
 		this.#draftSyncQueued = false;
 		this.#nodeFocusId = 0;
+		this.subscribeCanvasCommands = (execute) => {
+			this.#canvasCommandListeners.add(execute);
+			return () => {
+				this.#canvasCommandListeners.delete(execute);
+			};
+		};
 		this.#client = client;
 		this.#setNotice = setNotice;
 		this.#identity = identity;
@@ -5380,6 +5369,7 @@ var WorkspaceStore = class {
 		this.#presentationChanges.dispose();
 		this.#stopCatalogWatch?.();
 		this.#stopFlowWatch?.();
+		this.#canvasCommandListeners.clear();
 		this.history$.dispose();
 		this.#model.dispose();
 		this.#flows.dispose();
@@ -5468,6 +5458,8 @@ var WorkspaceStore = class {
 					this.accessChanged(flowId, accessRevision);
 					this.#refreshLive(flowId, current);
 				}
+			}, (command) => {
+				if (current() && !this.#model.value.workspaceLoading) for (const execute of this.#canvasCommandListeners) execute(command);
 			});
 			this.#stopFlowWatch = subscription.stop;
 			await subscription.ready;
@@ -5555,14 +5547,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 {
@@ -6607,13 +6634,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;
 	}
@@ -6793,7 +6825,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-BgZaFKZm.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-DxLc1Ybv.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";
@@ -6899,11 +6931,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,
@@ -6915,6 +6948,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
@@ -6935,7 +6969,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(() => {
@@ -6999,8 +7035,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,
@@ -7022,12 +7060,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 };