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

package/dist/browser/workbench.js

@@ -1,10 +1,11 @@
-import { C as DropdownMenuContent, N as DropdownMenuTrigger, T as DropdownMenuItem, d as PopoverContent, g as PopoverTrigger, h as PopoverTitle, it as providerIconAppearance, k as DropdownMenuSeparator, st as IconThemeContext, u as Popover, x as DropdownMenu } from "./ContentIcon-FCpKiwjp.js";
+import { C as DropdownMenuContent, N as DropdownMenuTrigger, T as DropdownMenuItem, d as PopoverContent, g as PopoverTrigger, h as PopoverTitle, it as providerIconAppearance, k as DropdownMenuSeparator, st as IconThemeContext, u as Popover, x as DropdownMenu } from "./ContentIcon-VZQO8VZU.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 { br as cn, i as TooltipTrigger, n as TooltipContent, t as Tooltip, vr as Button } from "./tooltip-wZJRB9oP.js";
-import { C as resourceNameIssue, Mt as dequal, N as mapConditionSources, P as nodeInputMappings, Qt as Input, T as upgradeRevisionContent, _ as applyFlowChanges, a as DialogFooter, d as Field, g as FlowChangeError, h as FieldLabel, i as DialogDescription, 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 upgradeManualTrigger } from "./dialog-ZtpsFbl4.js";
-import { $ as connectorActionPorts, At as setConnectorConnection, Bn as invalidResponse, Bt as InputGroupAddon, C as updateValue, Ct as setComment, Dt as repairNodeNames, Et as setNodePositions, Ft as dequal$1, Gn as controlErrorCode, Gt as EmptyHeader, Hn as record, Ht as Empty, In as workflowCandidate, It as WorkflowExportMenuItem, J as scopedValue, Jt as Badge, K as combineSources, Kt as EmptyMedia, Lt as IdTooltip, Mt as setServiceConnections, Nt as updateStartInputDefs, Ot as resetInputValues, Pt as updateTriggerSchedule, Q as resourceValue, Qt as createI18n, Rt as followWorkbenchLink, S as updateTriggerConfig, Sn as workflowNameFromFile, St as restoreCanvasPresentation, Tt as setNodeContentHidden, U as addNodeIntent, Un as string, Ut as EmptyContent, Vn as jsonValue, Vt as InputGroupInput, W as deriveAddNodeOptions, Wn as ApiError, Wt as EmptyDescription, Y as CacheResource, Yt as EventSourcesPage, Z as resourceData, _ as updateOutputPorts, _n as connection, _t as connectionCatalog, a as nameCreatedNodes, at as RunStore, b as updateTaskAdditionalInputs, bn as parseWorkflowFile, bt as flowPresentation, c as setInputVariable, ct as revisionView, d as updateCondition, dt as deriveInspectorDiagnostics, et as designerGraph, f as updateHttpParameters, ft as diagnosticItems, g as updateNodeSettings, gt as actionWithConnections, h as updateNodeName, hn as triggerOutputDefinitions, i as deleteSelection, in as allConnectorConnectionsQuery, it as providerIcon, jt as setInputSources, kt as setCodeActions, l as setTriggerConnection, lt as flowResourceReferences, m as updateNodeIcon, mn as sampleErrorOutputs, nn as WorkbenchClient, o as selectWebhookResponse, on as decodeTriggerCatalog, p as updateNodeDescription, pn as normalizeTriggerOutputs, qt as EmptyTitle, r as applyFlowChanges$1, rn as randomId, s as setInputValue, t as addNode, tn as errorNotice, u as setTriggerEventSource, ut as Latest, v as updateResolution, vn as connectorActionMetadata, vt as canvasPresentationChange, w as updateWebhook, wt as setFlowViewport, x as updateTaskPorts, xn as workflowFileName, xt as removeComments, y as updateTask, yn as encodeWorkflowFile, yt as commentIds, zt as InputGroup } from "./flowChanges-b_5UobFj.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip, xr as cn, yr as Button } from "./tooltip-BAWSUexx.js";
+import { C as upgradeManualTrigger, It as dequal, M as mapConditionSources, N as nodeInputMappings, S as resourceNameIssue, _ as applyFlowChanges, a as DialogFooter, d as Field, g as FlowChangeError, h as FieldLabel, i as DialogDescription, l as Icon, m as FieldGroup, nn as Input, 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-BcFBfRB1.js";
+import { $ as connectorActionPorts, At as setConnectorConnection, Bn as triggerOutputDefinitions, Bt as FlowTagChips, C as updateValue, Ct as setComment, Dn as normalizeFlowQuery, Dt as repairNodeNames, En as WorkbenchClient, Et as setNodePositions, Ft as dequal$1, Gn as parseWorkflowFile, Hn as connection, It as WorkflowExportMenuItem, J as scopedValue, K as combineSources, Kn as workflowFileName, Lt as IdTooltip, Mt as setServiceConnections, Nt as updateStartInputDefs, On as randomId, Ot as resetInputValues, Pt as updateTriggerSchedule, Q as resourceValue, Rn as normalizeTriggerOutputs, S as updateTriggerConfig, Sn as createI18n, St as restoreCanvasPresentation, Tn as errorNotice, Tt as setNodeContentHidden, U as addNodeIntent, Un as connectorActionMetadata, Vt as TagPicker, W as deriveAddNodeOptions, Wn as encodeWorkflowFile, Y as CacheResource, Z as resourceData, _ as updateOutputPorts, _n as EmptyTitle, _t as connectionCatalog, a as nameCreatedNodes, at as RunStore, b as updateTaskAdditionalInputs, bt as flowPresentation, c as setInputVariable, cn as followWorkbenchLink, ct as revisionView, d as updateCondition, dn as InputGroupInput, dr as invalidResponse, dt as deriveInspectorDiagnostics, et as designerGraph, f as updateHttpParameters, fn as Empty, fr as jsonValue, ft as diagnosticItems, g as updateNodeSettings, gn as EmptyMedia, gr as controlErrorCode, gt as actionWithConnections, h as updateNodeName, hn as EmptyHeader, hr as ApiError, i as deleteSelection, it as providerIcon, jn as decodeTriggerCatalog, jt as setInputSources, kn as allConnectorConnectionsQuery, kt as setCodeActions, l as setTriggerConnection, ln as InputGroup, lt as flowResourceReferences, m as updateNodeIcon, mn as EmptyDescription, mr as string, o as selectWebhookResponse, p as updateNodeDescription, pn as EmptyContent, pr as record, qn as workflowNameFromFile, r as applyFlowChanges$1, s as setInputValue, sn as useFlowQuery, sr as workflowCandidate, t as addNode, u as setTriggerEventSource, un as InputGroupAddon, ut as Latest, v as updateResolution, vn as Badge, vt as canvasPresentationChange, w as updateWebhook, wt as setFlowViewport, x as updateTaskPorts, xt as removeComments, y as updateTask, yn as EventSourcesPage, yt as commentIds, zn as sampleErrorOutputs, zt as FlowSettingsDialog } from "./flowChanges-BGo_4Ypo.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 { 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";
@@ -97,11 +98,11 @@ 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 importFlow(file, name, key, importer, tagIds) {
+		return await this.#openNewFlow(() => this.#store.importFlow(file, name, key, importer, tagIds));
 	}
-	async createFlow(name, create) {
-		return await this.#openNewFlow(() => this.#store.createFlow(name, create));
+	async createFlow(name, create, tagIds) {
+		return await this.#openNewFlow(() => this.#store.createFlow(name, create, tagIds));
 	}
 	async #openNewFlow(create) {
 		const change = ++this.#change;
@@ -516,7 +517,7 @@ function FlowDeletionDialog({ flow, workspace, container, busy, finalFocus, onCl
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-BeYDdUl-.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-BmtakfVg.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
 function compactFlowId(flowId) {
@@ -533,7 +534,7 @@ function formatUpdatedAt(updatedAt, locale) {
 		year: date.getFullYear() == current.getFullYear() ? void 0 : "numeric"
 	});
 }
-function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store }) {
+function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store, onTagFilter, onChanged, settingsFinalFocus }) {
 	const [root, setRoot] = useState(null);
 	const renameAnchor = useRef(null);
 	const actionsButton = useRef(null);
@@ -551,6 +552,7 @@ function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store }) {
 		try {
 			if (action == "publish") await store.workspace.publishFlow(flow);
 			else await store.workspace.setFlowEnabled(flow, action);
+			onChanged();
 		} finally {
 			setPending(void 0);
 		}
@@ -559,10 +561,16 @@ function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store }) {
 	async function rename(event) {
 		event.preventDefault();
 		const nextName = name.trim();
-		if (resourceNameIssue(nextName) == null && await store.workspace.renameFlow(flow.flowId, nextName)) setMode("idle");
+		if (resourceNameIssue(nextName) == null && await store.workspace.renameFlow(flow, nextName)) {
+			setMode("idle");
+			onChanged();
+		}
 	}
 	async function remove() {
-		if (await store.workspace.deleteFlow(flow.flowId)) setMode("idle");
+		if (await store.workspace.deleteFlow(flow)) {
+			setMode("idle");
+			onChanged();
+		}
 	}
 	return /* @__PURE__ */ jsxs("div", {
 		className: "resource-item-row",
@@ -577,9 +585,9 @@ function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store }) {
 							"aria-hidden": "true",
 							className: "resource-flow-icon",
 							children: /* @__PURE__ */ jsx("i", { className: "i-lucide-light:workflow" })
-						}), /* @__PURE__ */ jsx("span", {
+						}), /* @__PURE__ */ jsxs("span", {
 							className: "resource-primary-copy",
-							children: /* @__PURE__ */ jsxs("span", {
+							children: [/* @__PURE__ */ jsxs("span", {
 								className: "resource-primary-heading",
 								children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 									render: /* @__PURE__ */ jsx("a", {
@@ -675,7 +683,12 @@ function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store }) {
 										})]
 									})
 								})]
-							})
+							}), /* @__PURE__ */ jsx(FlowTagChips, {
+								container: root,
+								ids: flow.tagIds ?? [],
+								store,
+								onFilter: onTagFilter
+							})]
 						})]
 					}),
 					/* @__PURE__ */ jsx("span", {
@@ -775,6 +788,14 @@ function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store }) {
 								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"),
@@ -825,6 +846,16 @@ function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store }) {
 					]
 				})] })]
 			}),
+			mode == "settings" && /* @__PURE__ */ jsx(FlowSettingsDialog, {
+				store,
+				flow,
+				container: root,
+				hrefForFlow,
+				onSelectFlow: onSelect,
+				onSaved: onChanged,
+				finalFocus: () => actionsButton.current ?? settingsFinalFocus(),
+				onClose: () => setMode("idle")
+			}),
 			mode == "delete" && /* @__PURE__ */ jsx(FlowDeletionDialog, {
 				flow,
 				workspace: store.workspace,
@@ -867,22 +898,39 @@ function FlowSkeleton() {
 var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, hrefForFlow, initializing = false, onCreateFlow, onImportFlow, onSelectFlow, store, language }, ref) {
 	const t = useTranslate();
 	const busy = useVal(store.workspace.$.busy);
-	const loadFailed = useVal(store.workspace.$.flowLoadFailed);
-	const loadMoreFailed = useVal(store.workspace.$.flowLoadMoreFailed);
-	const flowLoading = useVal(store.workspace.$.flowLoading);
+	const [filter, setFilter] = useState("");
+	const [tagIds, setTagIds] = useState([]);
+	const [untagged, setUntagged] = useState(false);
+	const { catalog, flows, total, failed: loadFailed, loadMoreFailed, loading: flowLoading, loadingMore, nextCursor, refreshing } = useFlowQuery(store, {
+		query: filter,
+		tagIds,
+		untagged
+	});
 	const loading = initializing || flowLoading;
-	const loadingMore = useVal(store.workspace.$.flowLoadingMore);
-	const nextCursor = useVal(store.workspace.$.flowNextCursor);
-	const refreshing = useVal(store.workspace.$.flowRefreshing);
-	const flows = useVal(store.workspace.$.flows);
-	const total = useVal(store.workspace.$.flowTotal);
+	const tagState = useVal(store.tags.state);
+	const [root, setRoot] = useState(null);
+	const tagsContext = {
+		store,
+		container: root,
+		hrefForFlow,
+		onSelectFlow
+	};
+	const hasFilters = filter.trim().length > 0 || tagIds.length > 0 || untagged;
+	function clearFilters() {
+		setFilter("");
+		setTagIds([]);
+		setUntagged(false);
+	}
+	useEffect(() => {
+		store.tags.start();
+	}, [store]);
 	const [creation$] = useState(() => val(void 0));
 	const creation = useVal(creation$);
 	const fileInput = useRef(null);
-	const [filter, setFilter] = useState("");
+	const searchInput = useRef(null);
 	const [name, setName] = useState("");
-	const normalized = filter.trim().toLocaleLowerCase();
-	const visible = flows.filter((flow) => flow.name.toLocaleLowerCase().includes(normalized));
+	const [creationTags, setCreationTags] = useState([]);
+	const [creatingTag, setCreatingTag] = useState(false);
 	const command = useRef();
 	useImperativeHandle(ref, () => ({ openImport: (input) => command.current?.(input) ?? "unavailable" }), []);
 	useLayoutEffect(() => {
@@ -903,6 +951,8 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 			});
 			return "invalid-file";
 		}
+		setCreationTags([]);
+		setCreatingTag(false);
 		setName(file.name ?? (input.fileName == null ? importedWorkflowName(language) : workflowNameFromFile(input.fileName)));
 		creation$.set({
 			kind: "import",
@@ -915,20 +965,23 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 	function openCreate() {
 		if (creation$.value != null) return;
 		setName("");
+		setCreationTags([]);
+		setCreatingTag(false);
 		creation$.set({ kind: "create" });
 	}
 	async function create(event) {
 		event.preventDefault();
 		const request = creation$.value;
 		const nextName = name.trim();
-		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;
+		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;
 		creation$.set(void 0);
 		setName("");
 	}
 	return /* @__PURE__ */ jsx("main", {
 		className: "resource-browser",
 		"data-tooltip-portal": true,
+		ref: setRoot,
 		children: /* @__PURE__ */ jsxs("div", {
 			className: cn("resource-page", {
 				"resource-page-full": catalogWidth == null || catalogWidth == "full",
@@ -951,7 +1004,7 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 								children: [/* @__PURE__ */ jsx("h2", {
 									id: "flow-list-title",
 									children: t("resource.flows")
-								}), !loading && /* @__PURE__ */ jsx("span", { children: t("resource.flowCount", { count: total ?? flows.length }) })]
+								}), !loading && total != null && /* @__PURE__ */ jsx("span", { children: t("resource.flowCount", { count: total }) })]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "resource-list-actions",
 								children: [
@@ -961,6 +1014,7 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 											name: "search",
 											size: 17
 										}) }), /* @__PURE__ */ jsx(InputGroupInput, {
+											ref: searchInput,
 											autoComplete: "off",
 											"aria-label": t("resource.searchByName"),
 											name: "flow-search",
@@ -969,6 +1023,13 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 											value: filter
 										})]
 									}),
+									/* @__PURE__ */ jsx(TagPicker, {
+										...tagsContext,
+										value: tagIds,
+										onChange: setTagIds,
+										untagged,
+										onUntaggedChange: setUntagged
+									}),
 									onImportFlow != null && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Input, {
 										ref: fileInput,
 										className: "hidden",
@@ -1007,6 +1068,42 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 								]
 							})]
 						}),
+						(tagIds.length > 0 || untagged) && /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 border-t border-border px-4 py-3",
+							children: [/* @__PURE__ */ jsx("i", {
+								"aria-hidden": "true",
+								className: "i-lucide-light:funnel size-4 shrink-0 text-muted-foreground"
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "flex min-w-0 flex-wrap items-center gap-2",
+								children: [
+									tagState.tags.filter((tag) => tagIds.includes(tag.tagId)).map((tag) => /* @__PURE__ */ jsxs(Button, {
+										variant: "secondary",
+										size: "sm",
+										"aria-label": t("tags.remove", { name: tag.name }),
+										onClick: () => setTagIds(tagIds.filter((id) => id != tag.tagId)),
+										children: [tag.name, /* @__PURE__ */ jsx("i", {
+											"aria-hidden": "true",
+											className: "i-lucide-light:x size-3"
+										})]
+									}, tag.tagId)),
+									untagged && /* @__PURE__ */ jsxs(Button, {
+										variant: "secondary",
+										size: "sm",
+										onClick: () => setUntagged(false),
+										children: [t("tags.untagged"), /* @__PURE__ */ jsx("i", {
+											"aria-hidden": "true",
+											className: "i-lucide-light:x size-3"
+										})]
+									}),
+									/* @__PURE__ */ jsx(Button, {
+										variant: "ghost",
+										size: "sm",
+										onClick: clearFilters,
+										children: t("tags.clear")
+									})
+								]
+							})]
+						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "resource-table-scroll",
 							children: /* @__PURE__ */ jsxs("div", {
@@ -1049,32 +1146,43 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 											/* @__PURE__ */ jsx(EmptyTitle, { children: t("resource.flowsLoadFailed") }),
 											/* @__PURE__ */ jsx(EmptyDescription, { children: t("resource.flowsLoadFailedDescription") })
 										] }), /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsx(Button, {
-											onClick: () => void store.retryFlows(),
+											onClick: () => void catalog?.reload(),
 											variant: "outline",
 											children: t("empty.retry")
 										}) })]
-									}) : visible.length == 0 ? /* @__PURE__ */ jsxs(Empty, {
+									}) : flows.length == 0 ? /* @__PURE__ */ jsxs(Empty, {
 										className: "min-h-64",
-										children: [/* @__PURE__ */ jsxs(EmptyHeader, { children: [
-											/* @__PURE__ */ jsx(EmptyMedia, {
-												variant: "icon",
-												children: /* @__PURE__ */ jsx(Icon, {
-													name: "flow",
-													size: 20
-												})
-											}),
-											/* @__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: openCreate,
-											variant: "outline",
-											children: [/* @__PURE__ */ jsx(Icon, {
-												"data-icon": "inline-start",
-												name: "plus"
-											}), t("resource.newFlow")]
-										}) })]
-									}) : visible.map((flow) => /* @__PURE__ */ jsx(FlowItem, {
+										children: [
+											/* @__PURE__ */ jsxs(EmptyHeader, { children: [
+												/* @__PURE__ */ jsx(EmptyMedia, {
+													variant: "icon",
+													children: /* @__PURE__ */ jsx(Icon, {
+														name: "flow",
+														size: 20
+													})
+												}),
+												/* @__PURE__ */ jsx(EmptyTitle, { children: t(!hasFilters ? "resource.noFlows" : "resource.noMatchingFlows") }),
+												/* @__PURE__ */ jsx(EmptyDescription, { children: t(!hasFilters ? "resource.noFlowsDescription" : "resource.noMatchingDescription") })
+											] }),
+											hasFilters && /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsx(Button, {
+												variant: "outline",
+												onClick: clearFilters,
+												children: t("tags.clear")
+											}) }),
+											!hasFilters && /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsxs(Button, {
+												onClick: openCreate,
+												variant: "outline",
+												children: [/* @__PURE__ */ jsx(Icon, {
+													"data-icon": "inline-start",
+													name: "plus"
+												}), t("resource.newFlow")]
+											}) })
+										]
+									}) : flows.map((flow) => /* @__PURE__ */ jsx(FlowItem, {
 										busy,
+										settingsFinalFocus: () => searchInput.current,
+										onChanged: () => void catalog?.reload(),
+										onTagFilter: (id) => setTagIds((current) => current.includes(id) ? current : [...current, id]),
 										flow,
 										href: hrefForFlow(flow),
 										hrefForFlow,
@@ -1088,7 +1196,7 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 							className: "resource-list-footer",
 							children: /* @__PURE__ */ jsx(Button, {
 								disabled: loadingMore || refreshing,
-								onClick: () => void store.workspace.loadMoreFlows(),
+								onClick: () => void catalog?.loadMore(),
 								variant: "outline",
 								children: t(loadingMore ? "resource.loadingMore" : loadMoreFailed ? "resource.retryLoadMore" : "resource.loadMore")
 							})
@@ -1098,7 +1206,15 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 				creation != null && /* @__PURE__ */ jsx(Suspense, {
 					fallback: null,
 					children: /* @__PURE__ */ jsx(CreateResourceDialog, {
-						disabled: createFlowDisabled,
+						disabled: createFlowDisabled || creatingTag,
+						tagField: (container) => /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: t("tags.title") }), /* @__PURE__ */ jsx(TagPicker, {
+							...tagsContext,
+							onPendingChange: setCreatingTag,
+							dialogContainer: root,
+							container,
+							value: creationTags,
+							onChange: setCreationTags
+						})] }),
 						field: createFlowField,
 						id: "flow-name",
 						issue: resourceNameIssue(name),
@@ -1789,6 +1905,55 @@ var PublicationStore = class {
 	}
 };
 //#endregion
+//#region src/workbench/browser/runtime/runs/runInputStorage.ts
+var databaseName = "open-flow:run-inputs";
+var storeName = "inputs";
+function scopeKey(scope) {
+	return JSON.stringify([
+		scope.environment ?? "production",
+		scope.sessionId,
+		scope.connectorOwnerId ?? null
+	]);
+}
+/** Local authoring data has an independent lifetime from fetched catalog responses. */
+async function transact(mode, work) {
+	const database = await new Promise((resolve, reject) => {
+		const request = indexedDB.open(databaseName, 1);
+		request.addEventListener("upgradeneeded", () => request.result.createObjectStore(storeName));
+		request.addEventListener("success", () => resolve(request.result));
+		request.addEventListener("error", () => reject(request.error));
+	});
+	try {
+		return await new Promise((resolve, reject) => {
+			const transaction = database.transaction(storeName, mode);
+			const request = work(transaction.objectStore(storeName));
+			transaction.addEventListener("complete", () => resolve(request.result));
+			transaction.addEventListener("abort", () => reject(transaction.error));
+		});
+	} finally {
+		database.close();
+	}
+}
+async function readRunInputs(scope) {
+	const prefix = `${scopeKey(scope)}\u0000`;
+	const records = await transact("readonly", (store) => store.getAll(IDBKeyRange.bound(prefix, `${scopeKey(scope)}\u0001`, false, true)));
+	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, {
+			signature: record.signature,
+			valid: record.valid,
+			values
+		}]] : [];
+	}));
+}
+async function writeRunInputs(scope, key, inputs) {
+	await transact("readwrite", (store) => store.put({
+		key,
+		...inputs
+	}, `${scopeKey(scope)}\u0000${key}`));
+}
+//#endregion
 //#region src/workbench/browser/runtime/runs/runRequestStore.ts
 var initialState$5 = { starting: false };
 function inputSpec(draft, triggerId) {
@@ -1833,10 +1998,15 @@ var RunRequestStore = class {
 	#requests = new Latest();
 	#runs;
 	#savedInputs = /* @__PURE__ */ new Map();
+	#inputsLoaded = val(false);
+	#restoreInputs;
+	#inputSaves = Promise.resolve();
+	#disposed = false;
 	#setNotice;
 	#state = val(initialState$5);
 	#attempt;
-	constructor(client, runs, setNotice, prepareDraft, i18n = createI18n(), identity = randomId) {
+	constructor(client, runs, setNotice, prepareDraft, i18n = createI18n(), identity = randomId, inputStorage) {
+		this.inputStorage = inputStorage;
 		this.#prepareDraft = prepareDraft;
 		this.#client = client;
 		this.#runs = runs;
@@ -1844,12 +2014,15 @@ var RunRequestStore = class {
 		this.#i18n = i18n;
 		this.#identity = identity;
 		this.$ = {
+			inputsLoaded: this.#inputsLoaded,
 			inputRequest: derive(this.#state, (state) => state.inputRequest),
 			starting: derive(this.#state, (state) => state.starting),
 			submitting: derive(this.#state, (state) => state.submitting)
 		};
+		this.#restoreInputs = this.#restoreSavedInputs();
 	}
 	dispose() {
+		this.#disposed = true;
 		this.#lifetime.invalidate();
 		this.#requests.invalidate();
 		this.#disposeInputRequest();
@@ -1975,6 +2148,8 @@ var RunRequestStore = class {
 			submitting: void 0
 		});
 		this.#disposeInputRequest(previous);
+		await this.#restoreInputs;
+		if (!current()) return "unavailable";
 		const graph = revisionView(revision).graph();
 		const triggers = Object.entries(graph?.nodes ?? {}).flatMap(([nodeId, node]) => !isTriggerNode(node) ? [] : [{
 			nodeId,
@@ -2046,6 +2221,7 @@ var RunRequestStore = class {
 		});
 		try {
 			const prepared = source == "draft" ? await this.#prepareDraft(flow.flowId) : revision;
+			await this.#inputSaves;
 			if (prepared == null || !alive() || !current() || !requestCurrent()) return false;
 			const node = revisionView(prepared).trigger(trigger.nodeId);
 			if (node == null || node.kind !== revisionView(revision).trigger(trigger.nodeId)?.kind || inputSignature(inputSpec(prepared, trigger.nodeId)) !== inputSignature(inputSpec(revision, trigger.nodeId))) {
@@ -2116,13 +2292,28 @@ var RunRequestStore = class {
 	#inputKey(flowId, triggerId) {
 		return `${flowId}\u0000${triggerId}`;
 	}
+	async #restoreSavedInputs() {
+		try {
+			if (this.inputStorage != null) {
+				const inputs = await readRunInputs(this.inputStorage);
+				if (this.#disposed) return;
+				for (const [key, value] of inputs) this.#savedInputs.set(key, value);
+			}
+		} catch {} finally {
+			if (!this.#disposed) this.#inputsLoaded.set(true);
+		}
+	}
 	#rememberInputs(request) {
 		if (request?.triggerId == null || request.editor == null) return;
-		this.#savedInputs.set(this.#inputKey(request.flow.flowId, request.triggerId), {
+		const key = this.#inputKey(request.flow.flowId, request.triggerId);
+		const inputs = {
 			signature: inputSignature(inputSpec(request.revision, request.triggerId)),
 			valid: request.valid.value,
 			values: request.editor.values()
-		});
+		};
+		this.#savedInputs.set(key, inputs);
+		const scope = this.inputStorage;
+		if (scope != null) this.#inputSaves = this.#inputSaves.then(() => writeRunInputs(scope, key, inputs)).catch(() => {});
 	}
 	#set(patch) {
 		this.#state.set({
@@ -4040,183 +4231,574 @@ var ConnectorStore = class {
 	}
 };
 //#endregion
-//#region src/workbench/browser/runtime/stores/triggerCatalog.ts
-var TriggerCatalogStore = class {
-	#language;
-	#entries;
-	constructor(client, language, environment = "production") {
-		this.client = client;
-		this.environment = environment;
-		this.#entries = /* @__PURE__ */ new Map();
-		this.retry = () => {
-			this.get(true);
-		};
-		this.#language = val(language);
-		this.state = compute((get) => get(this.#entry(get(this.#language)).state));
-	}
-	#entry(locale) {
-		let entry = this.#entries.get(locale);
-		if (entry == null) {
-			const decode = (value) => {
-				const data = decodeTriggerCatalog(value);
-				if (data.locale != locale) throw new Error("Unexpected Trigger catalog language.");
-				return data;
-			};
-			const cache = createPersistentCache({
-				namespace: JSON.stringify(["open-flow:trigger-catalog", this.environment]),
-				schemaVersion: 1,
-				maxAge: 3e5,
-				key: () => locale,
-				decode,
-				load: async (_query, validation) => this.client.readCatalog({
-					path: `/v1/trigger-keys/catalog?locale=${encodeURIComponent(locale)}`,
-					decode
-				}, validation.etag, validation.signal)
-			});
-			entry = new CacheResource(async () => cache, void 0, true, 3e5);
-			this.#entries.set(locale, entry);
-		}
-		return entry;
-	}
-	setLanguage(language) {
-		this.#language.set(language);
-	}
-	get(force = false) {
-		this.#entry(this.#language.value).get(force);
-		return this.state;
-	}
-	refresh() {
-		return this.#entry(this.#language.value).refresh();
-	}
-	dispose() {
-		this.state.dispose();
-		this.#language.dispose();
-		for (const entry of this.#entries.values()) entry.dispose();
-		this.#entries.clear();
-	}
+//#region src/workbench/browser/runtime/stores/flowCatalog.ts
+var pageLimit = 50;
+var initialState$2 = {
+	failed: false,
+	loaded: false,
+	loading: true,
+	loadingMore: false,
+	loadMoreFailed: false,
+	refreshing: false,
+	flows: []
 };
-//#endregion
-//#region src/workbench/browser/runtime/stores/triggerStore.ts
-var initialState$2 = {};
-var optionPrefix = "trigger:";
-function target(selection) {
-	if (selection?.kind != "trigger") return;
-	const trigger = selection.trigger;
-	if (trigger.kind != "poll" && trigger.kind != "integration") return;
-	return {
-		...trigger.connectionId == null ? {} : { connectionId: trigger.connectionId },
-		provider: trigger.definition.provider,
-		triggerId: selection.id
-	};
-}
-function option(definition, i18n, display) {
-	return {
-		description: display?.description ?? definition.description,
-		group: i18n.t("addNode.integrationTriggers"),
-		icon: providerIcon({
-			serviceId: definition.provider,
-			serviceName: definition.provider
-		}),
-		id: `${optionPrefix}${definition.key}`,
-		inputs: [],
-		kind: "trigger",
-		label: display?.displayName ?? definition.displayName,
-		outputs: definition.outputs.map((output) => {
-			const description = display?.outputs[output.handle];
-			return description == null ? output : {
-				...output,
-				description
-			};
-		}),
-		trigger: {
-			definition,
-			kind: "catalog"
-		}
-	};
-}
-var TriggerStore = class {
+var FlowCatalog = class {
 	#client;
-	#host;
 	#i18n;
-	#refresh;
-	#stale;
-	#selected;
+	#session = new Latest();
 	#setNotice;
-	#state;
-	#workspace;
-	#disposed;
-	constructor(client, workspace, setNotice, host, i18n = createI18n()) {
-		this.#refresh = new Latest();
-		this.#stale = /* @__PURE__ */ new Set();
-		this.#state = val(initialState$2);
-		this.#disposed = false;
-		this.browseAddNodeOptions = (signal) => this.#options("", signal);
-		this.provideAddNodeOptions = (searchTerm, signal) => this.#options(searchTerm, signal);
-		this.catalog = new TriggerCatalogStore(client, resolveUiLanguage([i18n.lang]), host.cacheEnvironment);
+	#state = val(initialState$2);
+	#lifetime = new AbortController();
+	#pending = /* @__PURE__ */ new Set();
+	#disposed = false;
+	#query = normalizeFlowQuery();
+	#request;
+	#stopWatch;
+	constructor(client, setNotice, i18n) {
 		this.#client = client;
-		this.#host = host;
 		this.#i18n = i18n;
 		this.#setNotice = setNotice;
-		this.#workspace = workspace;
-		this.#selected = compute((get) => {
-			const selection = get(workspace.$.selection);
-			const current = target(selection);
-			const state = get(this.#state);
-			if (selection?.kind != "trigger") return { authorizationPending: false };
-			const trigger = selection.trigger;
-			if (trigger.kind != "poll" && trigger.kind != "integration") return { authorizationPending: false };
-			const connections = current == null ? void 0 : get(workspace.catalogs.connections.get(current.provider, get(workspace.$.flowId))).data;
-			const catalog = connections == null ? void 0 : connectionCatalog(connections);
-			const connectionError = current == null ? void 0 : state.connectionError?.provider == current.provider ? new Error(state.connectionError.message) : get(workspace.catalogs.connections.get(current.provider, get(workspace.$.flowId))).error;
-			return {
-				activeConnections: catalog?.active,
-				authorizationPending: state.authorizationProvider == current?.provider,
-				connection: current?.connectionId == null ? void 0 : catalog?.byId.get(current.connectionId),
-				connectionError: connectionError == null ? void 0 : errorNotice(connectionError, this.#i18n.t).message,
-				definition: trigger.definition
-			};
-		});
 		this.$ = {
-			connectionLoading: derive(this.#state, (state) => state.connectionLoading),
-			selectedActiveConnections: derive(this.#selected, (selection) => selection.activeConnections),
-			selectedAuthorizationPending: derive(this.#selected, (selection) => selection.authorizationPending),
-			selectedConnection: derive(this.#selected, (selection) => selection.connection),
-			selectedConnectionError: derive(this.#selected, (selection) => selection.connectionError),
-			selectedDefinition: derive(this.#selected, (selection) => selection.definition)
+			failed: derive(this.#state, (state) => state.failed),
+			loading: derive(this.#state, (state) => state.loading),
+			loadingMore: derive(this.#state, (state) => state.loadingMore),
+			loadMoreFailed: derive(this.#state, (state) => state.loadMoreFailed),
+			refreshing: derive(this.#state, (state) => state.refreshing),
+			nextCursor: derive(this.#state, (state) => state.nextCursor),
+			flows: derive(this.#state, (state) => state.flows),
+			total: derive(this.#state, (state) => state.total)
 		};
 	}
+	get loaded() {
+		return this.#state.value.loaded;
+	}
 	dispose() {
+		if (this.#disposed) return;
 		this.#disposed = true;
-		this.catalog.dispose();
-		this.#refresh.invalidate();
+		this.#request?.abort();
+		this.#stopWatch?.();
+		this.#lifetime.abort();
+		this.#session.invalidate();
 		for (const value of Object.values(this.$)) value.dispose();
-		this.#selected.dispose();
 		this.#state.dispose();
 	}
-	reset() {
-		if (this.#disposed) return;
-		this.#stale.clear();
-		this.#refresh.invalidate();
-		this.#state.set(initialState$2);
+	flow(flowId) {
+		return this.#state.value.flows.find((flow) => flow.flowId == flowId);
 	}
-	#options(searchTerm, signal) {
-		const source = this.catalog.get();
-		const query = searchTerm.trim().toLowerCase();
-		return scopedValue(signal, (get) => {
-			const state = get(source);
-			get(this.#i18n.t$);
-			const enabled = get(this.#workspace.$.flowId) != null && get(this.#workspace.$.draft) != null;
-			const catalog = state.data;
-			const definitions = catalog?.definitions.filter((item) => !query || [
-				catalog.display[item.key]?.displayName,
-				catalog.display[item.key]?.description,
-				item.description,
-				item.displayName,
-				item.key,
-				item.name,
-				item.provider,
-				item.type
-			].some((value) => value?.toLowerCase().includes(query)));
+	watch() {
+		if (this.#stopWatch != null) return;
+		const subscription = this.#client.watchFlowCatalog(() => void this.reload());
+		this.#stopWatch = subscription.stop;
+		subscription.ready.then(() => {
+			if (!this.#disposed) this.reload();
+		});
+	}
+	async setQuery(query) {
+		const next = normalizeFlowQuery(query);
+		if (JSON.stringify(next) == JSON.stringify(this.#query) && (this.loaded || this.#request != null)) return;
+		this.#query = next;
+		this.#state.set({ ...initialState$2 });
+		await this.reload();
+	}
+	async reload() {
+		if (this.#disposed) return;
+		this.#request?.abort();
+		const controller = this.#request = new AbortController();
+		const current = this.#session.begin();
+		const loaded = this.#state.value.loaded;
+		if (loaded) this.#set({
+			failed: false,
+			loadingMore: false,
+			loadMoreFailed: false,
+			refreshing: true
+		});
+		else this.#set({
+			failed: false,
+			loading: true,
+			loadingMore: false,
+			loadMoreFailed: false,
+			refreshing: false,
+			nextCursor: void 0
+		});
+		try {
+			const page = await this.#client.listFlows({
+				...this.#query,
+				includeTotal: true,
+				limit: pageLimit,
+				signal: controller.signal
+			});
+			if (!current()) return;
+			this.#set({
+				loaded: true,
+				loading: false,
+				refreshing: false,
+				nextCursor: page.nextCursor,
+				flows: page.flows,
+				total: page.total
+			});
+		} catch (error) {
+			if (!current()) return;
+			this.#set({
+				failed: !loaded,
+				loading: false,
+				refreshing: false
+			});
+			this.#setNotice(errorNotice(error, this.#i18n.t));
+		}
+	}
+	async loadMore() {
+		const { loadingMore, nextCursor, refreshing } = this.#state.value;
+		if (loadingMore || refreshing || nextCursor == null) return;
+		const current = this.#session.capture();
+		this.#set({
+			loadingMore: true,
+			loadMoreFailed: false
+		});
+		try {
+			const page = await this.#client.listFlows({
+				...this.#query,
+				cursor: nextCursor,
+				limit: pageLimit,
+				signal: this.#request?.signal
+			});
+			if (!current()) return;
+			const flows = new Map(this.#state.value.flows.map((flow) => [flow.flowId, flow]));
+			for (const flow of page.flows) flows.set(flow.flowId, flow);
+			this.#set({
+				loadingMore: false,
+				nextCursor: page.nextCursor,
+				flows: [...flows.values()]
+			});
+		} catch (error) {
+			if (!current()) return;
+			this.#set({
+				loadingMore: false,
+				loadMoreFailed: true
+			});
+			this.#setNotice(errorNotice(error, this.#i18n.t));
+		}
+	}
+	async setEnabled(flow, enabled) {
+		if (flow.live == null || this.#pending.has(flow.flowId)) return;
+		this.#pending.add(flow.flowId);
+		try {
+			const changed = await this.#client.setFlowEnabled(flow.flowId, flow.live.publicationId, enabled);
+			if (!this.#disposed) this.include(changed);
+		} catch (error) {
+			if (!this.#disposed) {
+				this.#setNotice(errorNotice(error, this.#i18n.t));
+				await this.reload();
+			}
+		} finally {
+			this.#pending.delete(flow.flowId);
+		}
+	}
+	async publish(flow) {
+		if (this.#pending.has(flow.flowId)) return;
+		this.#pending.add(flow.flowId);
+		try {
+			const initial = await this.#client.publishFlow(flow.flowId, flow.draftRevisionId, flow.live?.publicationId ?? null);
+			if (this.#disposed) return;
+			const operation = await Effect.runPromise(Effect.gen({ self: this }, function* () {
+				let current = initial;
+				while (current.status == "pending") {
+					yield* Effect.sleep(1e3);
+					current = yield* Effect.tryPromise((signal) => this.#client.getPublishOperation(flow.flowId, current.operationId, signal));
+				}
+				return current;
+			}), { signal: this.#lifetime.signal });
+			if (this.#disposed) return;
+			if (operation.status == "failed") this.#setNotice({
+				kind: "error",
+				message: operation.issue.message
+			});
+			else this.#setNotice({
+				kind: "success",
+				message: this.#i18n.t("notice.published", { name: flow.name })
+			});
+			this.include(await this.#client.getFlow(flow.flowId));
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+		} finally {
+			this.#pending.delete(flow.flowId);
+		}
+	}
+	create(name, create, tagIds) {
+		return this.#create(async () => create == null ? tagIds == null ? this.#client.createFlow(name) : this.#client.createFlow(name, void 0, void 0, tagIds) : this.#client.getFlow(await (tagIds == null ? create(name) : create(name, { tagIds }))));
+	}
+	import(file, name, key, importer, tagIds) {
+		return this.#create(async () => importer == null ? this.#client.importFlow(file, {
+			name,
+			idempotencyKey: key,
+			...tagIds == null ? {} : { tagIds }
+		}) : this.#client.getFlow(await (tagIds == null ? importer(file, name, key) : importer(file, name, key, { tagIds }))));
+	}
+	async #create(create) {
+		try {
+			const created = await create();
+			if (this.#disposed) return;
+			this.#insert(created);
+			return created;
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+		}
+	}
+	async delete(flow) {
+		if (flow.status == "retiring") return false;
+		try {
+			await this.#client.deleteFlow(flow.flowId);
+			if (this.#disposed) return false;
+			this.#remove(flow.flowId);
+			this.#setNotice({
+				kind: "success",
+				message: this.#i18n.t("notice.flowDeleteAccepted", { name: flow.name })
+			});
+			return true;
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+			return false;
+		}
+	}
+	async updateSettings(flowId, changes) {
+		try {
+			const changed = await this.#client.updateFlow(flowId, changes);
+			if (this.#disposed) return false;
+			this.include(changed);
+			return true;
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+			return false;
+		}
+	}
+	async rename(flow, name) {
+		const nextName = name.trim();
+		if (nextName.length == 0) return false;
+		if (flow.name == nextName) return true;
+		try {
+			const changed = await this.#client.renameFlow(flow.flowId, nextName);
+			if (this.#disposed) return false;
+			this.include(changed);
+			this.#setNotice({
+				kind: "success",
+				message: this.#i18n.t("notice.flowRenamed", { name: nextName })
+			});
+			return true;
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+			return false;
+		}
+	}
+	include(flow) {
+		const index = this.#state.value.flows.findIndex((candidate) => candidate.flowId == flow.flowId);
+		if (index < 0) {
+			this.#set({ flows: [...this.#state.value.flows, flow] });
+			return;
+		}
+		const referenceCount = this.#state.value.flows[index].referenceCount;
+		this.#set({ flows: this.#state.value.flows.with(index, {
+			...flow,
+			...referenceCount == null ? {} : { referenceCount }
+		}) });
+	}
+	#insert(flow) {
+		if (this.#state.value.flows.some((candidate) => candidate.flowId == flow.flowId)) return;
+		this.#set({
+			flows: [...this.#state.value.flows, flow],
+			total: this.#state.value.total == null ? void 0 : this.#state.value.total + 1
+		});
+	}
+	#remove(flowId) {
+		this.#set({
+			flows: this.#state.value.flows.filter((flow) => flow.flowId != flowId),
+			total: this.#state.value.total == null ? void 0 : this.#state.value.total - 1
+		});
+	}
+	advanceHead(flowId, revisionId, content) {
+		this.#set({ flows: this.#state.value.flows.map((flow) => flow.flowId == flowId ? {
+			...flow,
+			draftRevisionId: revisionId,
+			resourceReferences: {
+				...flow.resourceReferences,
+				draft: flowResourceReferences(content)
+			}
+		} : flow) });
+	}
+	#set(patch) {
+		if (!this.#disposed) this.#state.set({
+			...this.#state.value,
+			...patch
+		});
+	}
+};
+//#endregion
+//#region src/workbench/browser/runtime/stores/tagCatalog.ts
+var TagCatalog = class {
+	#controller;
+	#stop;
+	#disposed;
+	constructor(client, notice, i18n, changed = async () => {}) {
+		this.client = client;
+		this.notice = notice;
+		this.i18n = i18n;
+		this.changed = changed;
+		this.state = val({
+			tags: [],
+			loading: true,
+			failed: false
+		});
+		this.#disposed = false;
+	}
+	start() {
+		if (this.#stop != null || this.#disposed) return;
+		const subscription = this.client.watchFlowCatalog(() => void this.reload());
+		this.#stop = subscription.stop;
+		this.reload();
+		subscription.ready.then(() => {
+			if (!this.#disposed) this.reload();
+		});
+	}
+	async reload() {
+		if (this.#disposed) return;
+		this.#controller?.abort();
+		const controller = this.#controller = new AbortController();
+		this.state.set({
+			...this.state.value,
+			failed: false
+		});
+		try {
+			const result = await this.client.listTags(controller.signal);
+			if (!controller.signal.aborted) this.state.set({
+				tags: result.tags,
+				loading: false,
+				failed: false
+			});
+		} catch (error) {
+			if (!controller.signal.aborted) {
+				this.state.set({
+					...this.state.value,
+					loading: false,
+					failed: true
+				});
+				this.notice(errorNotice(error, this.i18n.t));
+			}
+		}
+	}
+	hasName(name, exceptTagId) {
+		const normalized = name.trim().toLowerCase();
+		return this.state.value.tags.some((tag) => tag.tagId != exceptTagId && tag.name.toLowerCase() == normalized);
+	}
+	async save(name, tagId, onConflict) {
+		return this.mutate(async () => {
+			const tag = tagId == null ? await this.client.createTag(name) : await this.client.renameTag(tagId, name);
+			await this.changed();
+			await this.reload();
+			return tag;
+		}, onConflict);
+	}
+	async remove(tagId) {
+		return await this.mutate(async () => {
+			await this.client.deleteTag(tagId);
+			await this.changed();
+			await this.reload();
+			return true;
+		}) ?? false;
+	}
+	async mutate(operation, onConflict) {
+		try {
+			const result = await operation();
+			return this.#disposed ? void 0 : result;
+		} catch (error) {
+			if (this.#disposed) return;
+			if (onConflict != null && error instanceof ApiError && error.code == controlErrorCode.tagConflict) onConflict();
+			else this.notice(errorNotice(error, this.i18n.t));
+		}
+	}
+	dispose() {
+		if (this.#disposed) return;
+		this.#disposed = true;
+		this.#stop?.();
+		this.#controller?.abort();
+		this.state.dispose();
+	}
+};
+//#endregion
+//#region src/workbench/browser/runtime/stores/triggerCatalog.ts
+var TriggerCatalogStore = class {
+	#language;
+	#entries;
+	constructor(client, language, environment = "production") {
+		this.client = client;
+		this.environment = environment;
+		this.#entries = /* @__PURE__ */ new Map();
+		this.retry = () => {
+			this.get(true);
+		};
+		this.#language = val(language);
+		this.state = compute((get) => get(this.#entry(get(this.#language)).state));
+	}
+	#entry(locale) {
+		let entry = this.#entries.get(locale);
+		if (entry == null) {
+			const decode = (value) => {
+				const data = decodeTriggerCatalog(value);
+				if (data.locale != locale) throw new Error("Unexpected Trigger catalog language.");
+				return data;
+			};
+			const cache = createPersistentCache({
+				namespace: JSON.stringify(["open-flow:trigger-catalog", this.environment]),
+				schemaVersion: 1,
+				maxAge: 3e5,
+				key: () => locale,
+				decode,
+				load: async (_query, validation) => this.client.readCatalog({
+					path: `/v1/trigger-keys/catalog?locale=${encodeURIComponent(locale)}`,
+					decode
+				}, validation.etag, validation.signal)
+			});
+			entry = new CacheResource(async () => cache, void 0, true, 3e5);
+			this.#entries.set(locale, entry);
+		}
+		return entry;
+	}
+	setLanguage(language) {
+		this.#language.set(language);
+	}
+	get(force = false) {
+		this.#entry(this.#language.value).get(force);
+		return this.state;
+	}
+	refresh() {
+		return this.#entry(this.#language.value).refresh();
+	}
+	dispose() {
+		this.state.dispose();
+		this.#language.dispose();
+		for (const entry of this.#entries.values()) entry.dispose();
+		this.#entries.clear();
+	}
+};
+//#endregion
+//#region src/workbench/browser/runtime/stores/triggerStore.ts
+var initialState$1 = {};
+var optionPrefix = "trigger:";
+function target(selection) {
+	if (selection?.kind != "trigger") return;
+	const trigger = selection.trigger;
+	if (trigger.kind != "poll" && trigger.kind != "integration") return;
+	return {
+		...trigger.connectionId == null ? {} : { connectionId: trigger.connectionId },
+		provider: trigger.definition.provider,
+		triggerId: selection.id
+	};
+}
+function option(definition, i18n, display) {
+	return {
+		description: display?.description ?? definition.description,
+		group: i18n.t("addNode.integrationTriggers"),
+		icon: providerIcon({
+			serviceId: definition.provider,
+			serviceName: definition.provider
+		}),
+		id: `${optionPrefix}${definition.key}`,
+		inputs: [],
+		kind: "trigger",
+		label: display?.displayName ?? definition.displayName,
+		outputs: definition.outputs.map((output) => {
+			const description = display?.outputs[output.handle];
+			return description == null ? output : {
+				...output,
+				description
+			};
+		}),
+		trigger: {
+			definition,
+			kind: "catalog"
+		}
+	};
+}
+var TriggerStore = class {
+	#client;
+	#host;
+	#i18n;
+	#refresh;
+	#stale;
+	#selected;
+	#setNotice;
+	#state;
+	#workspace;
+	#disposed;
+	constructor(client, workspace, setNotice, host, i18n = createI18n()) {
+		this.#refresh = new Latest();
+		this.#stale = /* @__PURE__ */ new Set();
+		this.#state = val(initialState$1);
+		this.#disposed = false;
+		this.browseAddNodeOptions = (signal) => this.#options("", signal);
+		this.provideAddNodeOptions = (searchTerm, signal) => this.#options(searchTerm, signal);
+		this.catalog = new TriggerCatalogStore(client, resolveUiLanguage([i18n.lang]), host.cacheEnvironment);
+		this.#client = client;
+		this.#host = host;
+		this.#i18n = i18n;
+		this.#setNotice = setNotice;
+		this.#workspace = workspace;
+		this.#selected = compute((get) => {
+			const selection = get(workspace.$.selection);
+			const current = target(selection);
+			const state = get(this.#state);
+			if (selection?.kind != "trigger") return { authorizationPending: false };
+			const trigger = selection.trigger;
+			if (trigger.kind != "poll" && trigger.kind != "integration") return { authorizationPending: false };
+			const connections = current == null ? void 0 : get(workspace.catalogs.connections.get(current.provider, get(workspace.$.flowId))).data;
+			const catalog = connections == null ? void 0 : connectionCatalog(connections);
+			const connectionError = current == null ? void 0 : state.connectionError?.provider == current.provider ? new Error(state.connectionError.message) : get(workspace.catalogs.connections.get(current.provider, get(workspace.$.flowId))).error;
+			return {
+				activeConnections: catalog?.active,
+				authorizationPending: state.authorizationProvider == current?.provider,
+				connection: current?.connectionId == null ? void 0 : catalog?.byId.get(current.connectionId),
+				connectionError: connectionError == null ? void 0 : errorNotice(connectionError, this.#i18n.t).message,
+				definition: trigger.definition
+			};
+		});
+		this.$ = {
+			connectionLoading: derive(this.#state, (state) => state.connectionLoading),
+			selectedActiveConnections: derive(this.#selected, (selection) => selection.activeConnections),
+			selectedAuthorizationPending: derive(this.#selected, (selection) => selection.authorizationPending),
+			selectedConnection: derive(this.#selected, (selection) => selection.connection),
+			selectedConnectionError: derive(this.#selected, (selection) => selection.connectionError),
+			selectedDefinition: derive(this.#selected, (selection) => selection.definition)
+		};
+	}
+	dispose() {
+		this.#disposed = true;
+		this.catalog.dispose();
+		this.#refresh.invalidate();
+		for (const value of Object.values(this.$)) value.dispose();
+		this.#selected.dispose();
+		this.#state.dispose();
+	}
+	reset() {
+		if (this.#disposed) return;
+		this.#stale.clear();
+		this.#refresh.invalidate();
+		this.#state.set(initialState$1);
+	}
+	#options(searchTerm, signal) {
+		const source = this.catalog.get();
+		const query = searchTerm.trim().toLowerCase();
+		return scopedValue(signal, (get) => {
+			const state = get(source);
+			get(this.#i18n.t$);
+			const enabled = get(this.#workspace.$.flowId) != null && get(this.#workspace.$.draft) != null;
+			const catalog = state.data;
+			const definitions = catalog?.definitions.filter((item) => !query || [
+				catalog.display[item.key]?.displayName,
+				catalog.display[item.key]?.description,
+				item.description,
+				item.displayName,
+				item.key,
+				item.name,
+				item.provider,
+				item.type
+			].some((value) => value?.toLowerCase().includes(query)));
 			return {
 				...state,
 				data: !enabled ? [] : definitions?.map((definition) => option(definition, this.#i18n, catalog.display[definition.key]))
@@ -5341,7 +5923,7 @@ var PresentationChanges = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/stores/workspaceModel.ts
-var initialState$1 = {
+var initialState = {
 	checkLoading: false,
 	selectedNodeIds: [],
 	workspaceLoadFailed: false,
@@ -5371,7 +5953,7 @@ function selectedModuleEditor(revision, nodeIds) {
 	};
 }
 var WorkspaceModel = class {
-	#state = val(initialState$1);
+	#state = val(initialState);
 	#catalogValues;
 	constructor(i18n, flows) {
 		const busy = derive(this.#state, (state) => state.busy);
@@ -5898,270 +6480,6 @@ var EditSession = class {
 	}
 };
 //#endregion
-//#region src/workbench/browser/runtime/stores/flowCatalog.ts
-var pageLimit = 50;
-var initialState = {
-	failed: false,
-	loaded: false,
-	loading: true,
-	loadingMore: false,
-	loadMoreFailed: false,
-	refreshing: false,
-	flows: []
-};
-var FlowCatalog = class {
-	#client;
-	#i18n;
-	#session = new Latest();
-	#setNotice;
-	#state = val(initialState);
-	#lifetime = new AbortController();
-	#pending = /* @__PURE__ */ new Set();
-	#disposed = false;
-	constructor(client, setNotice, i18n) {
-		this.#client = client;
-		this.#i18n = i18n;
-		this.#setNotice = setNotice;
-		this.$ = {
-			failed: derive(this.#state, (state) => state.failed),
-			loading: derive(this.#state, (state) => state.loading),
-			loadingMore: derive(this.#state, (state) => state.loadingMore),
-			loadMoreFailed: derive(this.#state, (state) => state.loadMoreFailed),
-			refreshing: derive(this.#state, (state) => state.refreshing),
-			nextCursor: derive(this.#state, (state) => state.nextCursor),
-			flows: derive(this.#state, (state) => state.flows),
-			total: derive(this.#state, (state) => state.total)
-		};
-	}
-	get loaded() {
-		return this.#state.value.loaded;
-	}
-	dispose() {
-		this.#disposed = true;
-		this.#lifetime.abort();
-		this.#session.invalidate();
-		for (const value of Object.values(this.$)) value.dispose();
-		this.#state.dispose();
-	}
-	flow(flowId) {
-		return this.#state.value.flows.find((flow) => flow.flowId == flowId);
-	}
-	async reload() {
-		const current = this.#session.begin();
-		const loaded = this.#state.value.loaded;
-		if (loaded) this.#set({
-			failed: false,
-			loadingMore: false,
-			loadMoreFailed: false,
-			refreshing: true
-		});
-		else this.#set({
-			failed: false,
-			loading: true,
-			loadingMore: false,
-			loadMoreFailed: false,
-			refreshing: false,
-			nextCursor: void 0,
-			flows: [],
-			total: void 0
-		});
-		try {
-			const page = await this.#client.listFlows({
-				includeTotal: true,
-				limit: pageLimit
-			});
-			if (!current()) return;
-			this.#set({
-				loaded: true,
-				loading: false,
-				refreshing: false,
-				nextCursor: page.nextCursor,
-				flows: page.flows,
-				total: page.total
-			});
-		} catch (error) {
-			if (!current()) return;
-			this.#set({
-				failed: !loaded,
-				loading: false,
-				refreshing: false
-			});
-			this.#setNotice(errorNotice(error, this.#i18n.t));
-		}
-	}
-	async loadMore() {
-		const { loadingMore, nextCursor, refreshing } = this.#state.value;
-		if (loadingMore || refreshing || nextCursor == null) return;
-		const current = this.#session.capture();
-		this.#set({
-			loadingMore: true,
-			loadMoreFailed: false
-		});
-		try {
-			const page = await this.#client.listFlows({
-				cursor: nextCursor,
-				limit: pageLimit
-			});
-			if (!current()) return;
-			const flows = new Map(this.#state.value.flows.map((flow) => [flow.flowId, flow]));
-			for (const flow of page.flows) flows.set(flow.flowId, flow);
-			this.#set({
-				loadingMore: false,
-				nextCursor: page.nextCursor,
-				flows: [...flows.values()]
-			});
-		} catch (error) {
-			if (!current()) return;
-			this.#set({
-				loadingMore: false,
-				loadMoreFailed: true
-			});
-			this.#setNotice(errorNotice(error, this.#i18n.t));
-		}
-	}
-	async setEnabled(flow, enabled) {
-		if (flow.live == null || this.#pending.has(flow.flowId)) return;
-		this.#pending.add(flow.flowId);
-		try {
-			const changed = await this.#client.setFlowEnabled(flow.flowId, flow.live.publicationId, enabled);
-			if (!this.#disposed) this.include(changed);
-		} catch (error) {
-			if (!this.#disposed) {
-				this.#setNotice(errorNotice(error, this.#i18n.t));
-				await this.reload();
-			}
-		} finally {
-			this.#pending.delete(flow.flowId);
-		}
-	}
-	async publish(flow) {
-		if (this.#pending.has(flow.flowId)) return;
-		this.#pending.add(flow.flowId);
-		try {
-			const initial = await this.#client.publishFlow(flow.flowId, flow.draftRevisionId, flow.live?.publicationId ?? null);
-			if (this.#disposed) return;
-			const operation = await Effect.runPromise(Effect.gen({ self: this }, function* () {
-				let current = initial;
-				while (current.status == "pending") {
-					yield* Effect.sleep(1e3);
-					current = yield* Effect.tryPromise((signal) => this.#client.getPublishOperation(flow.flowId, current.operationId, signal));
-				}
-				return current;
-			}), { signal: this.#lifetime.signal });
-			if (this.#disposed) return;
-			if (operation.status == "failed") this.#setNotice({
-				kind: "error",
-				message: operation.issue.message
-			});
-			else this.#setNotice({
-				kind: "success",
-				message: this.#i18n.t("notice.published", { name: flow.name })
-			});
-			this.include(await this.#client.getFlow(flow.flowId));
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
-		} finally {
-			this.#pending.delete(flow.flowId);
-		}
-	}
-	create(name, create) {
-		return this.#create(async () => create == null ? this.#client.createFlow(name) : this.#client.getFlow(await create(name)));
-	}
-	import(file, name, key, importer) {
-		return this.#create(async () => importer == null ? this.#client.importFlow(file, {
-			name,
-			idempotencyKey: key
-		}) : this.#client.getFlow(await importer(file, name, key)));
-	}
-	async #create(create) {
-		try {
-			const created = await create();
-			if (this.#disposed) return;
-			this.#insert(created);
-			return created;
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
-		}
-	}
-	async delete(flowId) {
-		const flow = this.flow(flowId);
-		if (flow == null || flow.status == "retiring") return false;
-		try {
-			await this.#client.deleteFlow(flowId);
-			if (this.#disposed) return false;
-			this.#remove(flowId);
-			this.#setNotice({
-				kind: "success",
-				message: this.#i18n.t("notice.flowDeleteAccepted", { name: flow.name })
-			});
-			return true;
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
-			return false;
-		}
-	}
-	async rename(flowId, name) {
-		const flow = this.flow(flowId);
-		const nextName = name.trim();
-		if (flow == null || nextName.length == 0) return false;
-		if (flow.name == nextName) return true;
-		try {
-			const changed = await this.#client.renameFlow(flowId, nextName);
-			if (this.#disposed) return false;
-			this.include(changed);
-			this.#setNotice({
-				kind: "success",
-				message: this.#i18n.t("notice.flowRenamed", { name: nextName })
-			});
-			return true;
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
-			return false;
-		}
-	}
-	include(flow) {
-		const index = this.#state.value.flows.findIndex((candidate) => candidate.flowId == flow.flowId);
-		if (index < 0) {
-			this.#set({ flows: [...this.#state.value.flows, flow] });
-			return;
-		}
-		const referenceCount = this.#state.value.flows[index].referenceCount;
-		this.#set({ flows: this.#state.value.flows.with(index, {
-			...flow,
-			...referenceCount == null ? {} : { referenceCount }
-		}) });
-	}
-	#insert(flow) {
-		if (this.#state.value.flows.some((candidate) => candidate.flowId == flow.flowId)) return;
-		this.#set({
-			flows: [...this.#state.value.flows, flow],
-			total: this.#state.value.total == null ? void 0 : this.#state.value.total + 1
-		});
-	}
-	#remove(flowId) {
-		this.#set({
-			flows: this.#state.value.flows.filter((flow) => flow.flowId != flowId),
-			total: this.#state.value.total == null ? void 0 : this.#state.value.total - 1
-		});
-	}
-	advanceHead(flowId, revisionId, content) {
-		this.#set({ flows: this.#state.value.flows.map((flow) => flow.flowId == flowId ? {
-			...flow,
-			draftRevisionId: revisionId,
-			resourceReferences: {
-				...flow.resourceReferences,
-				draft: flowResourceReferences(content)
-			}
-		} : flow) });
-	}
-	#set(patch) {
-		if (!this.#disposed) this.#state.set({
-			...this.#state.value,
-			...patch
-		});
-	}
-};
-//#endregion
 //#region src/workbench/browser/runtime/stores/nodeEdits.ts
 var NodeEdits = class {
 	constructor(revision, save, identity) {
@@ -6384,6 +6702,7 @@ var WorkspaceStore = class {
 			};
 		};
 		this.#client = client;
+		this.state = client;
 		this.#setNotice = setNotice;
 		this.#identity = identity;
 		this.#clipboard = new CanvasClipboard(identity, i18n.t);
@@ -6622,11 +6941,11 @@ var WorkspaceStore = class {
 			this.#edits.set({ busy: void 0 });
 		}
 	}
-	createFlow(name, create) {
-		return this.#createFlow(() => this.#flows.create(name, create));
+	createFlow(name, create, tagIds) {
+		return this.#createFlow(() => this.#flows.create(name, create, tagIds));
 	}
-	importFlow(file, name, key, importer) {
-		return this.#createFlow(() => this.#flows.import(file, name, key, importer));
+	importFlow(file, name, key, importer, tagIds) {
+		return this.#createFlow(() => this.#flows.import(file, name, key, importer, tagIds));
 	}
 	async #createFlow(create) {
 		if (!await this.saveModuleEditor()) return;
@@ -6647,19 +6966,22 @@ var WorkspaceStore = class {
 	getErrorListeners(flowId, signal) {
 		return this.#client.getErrorListeners(flowId, signal);
 	}
-	async deleteFlow(flowId) {
+	async deleteFlow(flow) {
 		if (!await this.saveModuleEditor()) return false;
 		this.#edits.set({ busy: "flow" });
 		try {
-			return await this.#flows.delete(flowId);
+			return await this.#flows.delete(flow);
 		} finally {
 			this.#edits.set({ busy: void 0 });
 		}
 	}
-	async renameFlow(flowId, name) {
+	updateFlowSettings(flowId, changes) {
+		return this.#flows.updateSettings(flowId, changes);
+	}
+	async renameFlow(flow, name) {
 		this.#edits.set({ busy: "flow" });
 		try {
-			return await this.#flows.rename(flowId, name);
+			return await this.#flows.rename(flow, name);
 		} finally {
 			this.#edits.set({ busy: void 0 });
 		}
@@ -6914,6 +7236,16 @@ function indexRunEventNodes(draft, run, events, nodes) {
 }
 var blockedExternalPages = { openExternalPage: async () => false };
 var WorkbenchStore = class {
+	createFlowCatalog() {
+		return new FlowCatalog(this.#client, (notice) => {
+			if (!this.#disposed) this.#notice.set(notice);
+		}, this.#i18n);
+	}
+	async updateFlowSettings(flowId, changes) {
+		const updated = await this.workspace.updateFlowSettings(flowId, changes);
+		if (updated) await this.tags.reload();
+		return updated;
+	}
 	#client;
 	#externalRuns;
 	#i18n;
@@ -6955,12 +7287,14 @@ var WorkbenchStore = class {
 		this.interactiveMode$ = val(readCanvasInteractiveMode(preferences));
 		this.interactiveMode$.reaction((mode) => writeCanvasInteractiveMode(preferences, mode), true);
 		this.#client = client;
+		this.state = client;
 		this.results = client;
 		this.#i18n = i18n;
 		this.#variables = variables;
 		const setNotice = (notice) => {
 			if (!this.#disposed) this.#notice.set(notice);
 		};
+		this.tags = new TagCatalog(client, setNotice, i18n, () => this.workspace.reloadFlows());
 		this.connectorAccess = new ConnectorAccessStore(client, setNotice, i18n, (flowId) => this.workspace.catalogs.refreshFlow(flowId));
 		this.runs = new RunStore(client, setNotice, i18n);
 		this.workspace = new WorkspaceStore(client, setNotice, createAuthoringId, i18n, (event) => {
@@ -6986,7 +7320,11 @@ var WorkbenchStore = class {
 		this.runRequests = new RunRequestStore(client, this.runs, setNotice, async (flowId) => {
 			if (flowId != this.workspace.$.flowId.value || !await this.workspace.saveDraft() || this.#disposed || flowId != this.workspace.$.flowId.value) return;
 			return this.workspace.$.draft.value;
-		}, i18n, identity);
+		}, i18n, identity, {
+			sessionId: cacheSessionId,
+			environment: host.cacheEnvironment,
+			connectorOwnerId: host.connectorOwnerId
+		});
 		const diagnostics = compute((get) => {
 			const check = get(this.workspace.$.diagnostics);
 			if (check == null) return;
@@ -7073,6 +7411,7 @@ var WorkbenchStore = class {
 		};
 	}
 	dispose() {
+		this.tags.dispose();
 		this.#disposed = true;
 		this.#stopAccessReaction();
 		this.interactiveMode$.dispose();
@@ -7110,7 +7449,7 @@ var WorkbenchStore = class {
 		const model = this.$.designer.value;
 		const title = this.workspace.$.flow.value?.name ?? this.workspace.$.flowId.value ?? "Workflow";
 		try {
-			const { downloadFlowSvg } = await import("./exportSvg-DqXw1yf-.js");
+			const { downloadFlowSvg } = await import("./exportSvg-CG8hEUNk.js");
 			await downloadFlowSvg(model, title, language, options);
 			if (!this.#disposed) this.#notice.set({
 				kind: "success",
@@ -7173,11 +7512,11 @@ 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 importFlow(file, name, key, importer, tagIds) {
+		return await this.#openNewFlow(await this.workspace.importFlow(file, name, key, importer, tagIds), "notice.flowImported");
 	}
-	async createFlow(name, create) {
-		return await this.#openNewFlow(await this.workspace.createFlow(name, create));
+	async createFlow(name, create, tagIds) {
+		return await this.#openNewFlow(await this.workspace.createFlow(name, create, tagIds));
 	}
 	async #openNewFlow(created, notice) {
 		if (this.#disposed || created == null) return false;
@@ -7364,7 +7703,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-ItojZbO4.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-BFHGev7s.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";
@@ -7485,8 +7824,8 @@ function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlow
 			}),
 			initializing,
 			language,
-			onCreateFlow: (name) => navigation.createFlow(name, createFlow),
-			onImportFlow: (file, name, key) => navigation.importFlow(file, name, key, importFlow),
+			onCreateFlow: (name, tagIds) => navigation.createFlow(name, createFlow, tagIds),
+			onImportFlow: (file, name, key, tagIds) => navigation.importFlow(file, name, key, importFlow, tagIds),
 			onLanguageChange,
 			onSelectFlow: (flow, view) => void navigation.selectFlow(flow, view),
 			store