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

package/dist/browser/workbench.css

@@ -10752,6 +10752,10 @@ svg.react-flow__connectionline {
   font-weight: 500;
 }
 
+.open-flow-workbench .trigger-binding-state.neutral {
+  color: var(--ui-muted-foreground);
+}
+
 .open-flow-workbench .trigger-binding-state.success {
   color: var(--success-foreground);
 }
@@ -10815,26 +10819,6 @@ svg.react-flow__connectionline {
   display: grid;
 }
 
-.open-flow-workbench .trigger-webhook code {
-  min-width: 0;
-  color: var(--ui-foreground);
-  overflow-wrap: anywhere;
-  flex: 1;
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  font-size: 12px;
-}
-
-.open-flow-workbench .trigger-webhook > div {
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-  display: flex;
-}
-
-.open-flow-workbench .trigger-webhook [data-slot="button"] {
-  flex: none;
-}
-
 .open-flow-workbench .trigger-binding-detail-sections {
   border-top: 1px solid var(--ui-border);
   grid-template-columns: minmax(0, 1fr);

package/dist/browser/workbench.js

@@ -1,7 +1,7 @@
-import { $ as RunStore, $n as setInputSources, B as CacheResource, Bn as providerIconAppearance, Bt as EmptyHeader, Ct as Popover, F as feishuResourceKind, Fn as allConnectorConnectionsQuery, Ft as InputGroupAddon, Gt as DropdownMenuContent, H as resourceData, Ht as EmptyTitle, I as supportsFeishuChatFilter, It as InputGroupInput, J as providerIcon, L as combineSources, Ln as decodeTriggerCatalog, Lt as Empty, M as addNodeIntent, Mn as errorNotice, N as deriveAddNodeOptions, Nn as WorkbenchClient, Ot as PopoverTitle, Pn as randomId, Pt as InputGroup, Qn as setConnectorConnection, Rn as connection, Rt as EmptyContent, St as followWorkbenchLink, U as resourceValue, Ut as DropdownMenu, Vt as EmptyMedia, W as designerGraph, Xn as resetInputValues, Yn as repairNodeNames, Zn as setCodeActions, Zt as DropdownMenuSeparator, _ as updateValue, _r as ApiError, _t as setComment, a as nameCreatedNodes, at as deriveInspectorDiagnostics, bt as setNodePositions, c as updateCondition, cr as triggerOutputDefinitions, d as updateNodeName, dt as connectionCatalog, er as setTriggerConnection, f as updateNodeSettings, fr as inputValue, ft as canvasPresentationChange, g as updateTaskPorts, gn as EventSourcesPage, gr as string, gt as restoreCanvasPresentation, h as updateTaskAdditionalInputs, hn as Badge, hr as record, ht as removeComments, i as deleteSelection, ir as replaceSource, it as Latest, l as updateNodeDescription, lr as isJsonObject, m as updateTask, mr as jsonValue, mt as flowPresentation, nr as updateTriggerSchedule, nt as revisionView, o as setInputValue, ot as diagnosticItems, p as updateResolution, pr as invalidResponse, pt as commentIds, qt as DropdownMenuItem, r as applyFlowChanges, rr as imports, rt as flowResourceReferences, s as setInputVariable, sr as sampleErrorOutputs, t as addNode, tn as DropdownMenuTrigger, tr as updateTriggerConfig, u as updateNodeIcon, ut as actionWithConnections, v as updateWebhook, vr as controlErrorCode, vt as setFlowViewport, wt as PopoverContent, xr as IconThemeContext, xt as IdTooltip, yn as createI18n, yt as setNodeContentHidden, z as scopedValue, zn as connectorActionMetadata, zt as EmptyDescription } from "./flowChanges-DSA0FxxN.js";
+import { $ 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 { a as derive, i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { a as toPlainObject, c as useLang, l as useTranslate, o as I18nProvider, u as useVal } from "./dist-BFmpkX4P.js";
-import { E as FieldLabel, J as nodeInputMappings, L as FlowChangeError, R as applyFlowChanges$1, S as Field, T as FieldGroup, W as resourceNameIssue, a as DialogDescription, bi as cn, c as DialogTitle, d as TooltipContent, i as DialogContent, n as Dialog, o as DialogFooter, or as Input, p as TooltipTrigger, q as mapConditionSources, r as DialogClose, s as DialogHeader, t as Icon, u as Tooltip, vi as Button, w as FieldError, x as Spinner, yt as dequal$1 } from "./icons-DVJvrj1H.js";
+import { 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 { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -184,7 +184,7 @@ function Skeleton({ className, ...props }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-D71fO68i.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-DZgJsr3e.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
 var renamePopoverVerticalShift = 8;
@@ -925,6 +925,36 @@ function disconnect(content, edge) {
 		kind: "graph.edge.disconnect"
 	}];
 }
+//#endregion
+//#region src/flow/common/moduleChanges.ts
+async function imports(source) {
+	try {
+		const { parse } = await import("./lib-Dws05GHj.js").then((n) => n.t);
+		const program = parse(source, {
+			errorRecovery: true,
+			sourceType: "module"
+		}).program;
+		const dependencies = /* @__PURE__ */ new Set();
+		for (const statement of program.body) {
+			if (statement.type != "ImportDeclaration") continue;
+			const match = /^\.\/(.+)\.mjs$/.exec(statement.source.value);
+			if (match?.[1] != null) dependencies.add(match[1]);
+		}
+		return [...dependencies].toSorted();
+	} catch {
+		return [];
+	}
+}
+function replaceSource(moduleId, beforeSource, beforeImports, source, moduleImports) {
+	return [{
+		beforeImports,
+		beforeSource,
+		imports: moduleImports,
+		kind: "module.source.replace",
+		moduleId,
+		source
+	}];
+}
 var createAuthoringId = customAlphabet("23456789abcdefghjkmnpqrstuvwxyz", 10);
 //#endregion
 //#region src/workbench/browser/runtime/editor/triggerDiagnosticPresentation.ts
@@ -945,12 +975,15 @@ function presentTriggerDiagnostics(items, revision, displays, language, t) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/publications/publicationStore.ts
+var initialBindings = {
+	status: "idle",
+	bindings: []
+};
 var initialState$6 = {
 	activities: [],
 	activitiesLoadFailed: false,
 	activitiesLoading: false,
 	activitiesLoadingMore: false,
-	bindings: [],
 	detailLoading: false,
 	loaded: false,
 	loadFailed: false,
@@ -971,6 +1004,8 @@ var PublicationStore = class {
 	#client;
 	#identity;
 	#i18n;
+	#bindings = val(initialBindings);
+	#bindingLoads = new Latest();
 	#loads = new Latest();
 	#operation = new Latest();
 	#preferences;
@@ -994,7 +1029,7 @@ var PublicationStore = class {
 			activitiesLoading: derive(this.#state, (state) => state.activitiesLoading),
 			activitiesLoadingMore: derive(this.#state, (state) => state.activitiesLoadingMore),
 			activitiesNextCursor: derive(this.#state, (state) => state.activitiesNextCursor),
-			bindings: derive(this.#state, (state) => state.bindings),
+			bindings: this.#bindings,
 			detail: derive(this.#state, (state) => state.detail),
 			detailLoading: derive(this.#state, (state) => state.detailLoading),
 			live: derive(this.#state, (state) => state.live),
@@ -1015,6 +1050,7 @@ var PublicationStore = class {
 		};
 	}
 	dispose() {
+		this.#bindingLoads.invalidate();
 		this.#loads.invalidate();
 		this.#operation.invalidate();
 		this.#stopObservation();
@@ -1024,6 +1060,8 @@ var PublicationStore = class {
 		this.#state.dispose();
 	}
 	reset() {
+		this.#bindingLoads.invalidate();
+		this.#bindings.set(initialBindings);
 		this.#loads.invalidate();
 		this.#operation.invalidate();
 		this.#stopObservation();
@@ -1055,11 +1093,11 @@ var PublicationStore = class {
 		});
 		try {
 			const operation = warm ? state.operation : await this.#storedOperation(target);
-			const [live, page, bindings] = await this.#read(target);
+			if (!current()) return;
+			const [live, page] = await this.#read(target);
 			if (!current()) return;
 			this.#workspace.updateLive(live);
 			this.#set({
-				bindings,
 				live,
 				loaded: true,
 				loading: false,
@@ -1086,6 +1124,36 @@ var PublicationStore = class {
 			this.#setNotice(errorNotice(error, this.#i18n.t));
 		}
 	}
+	async loadBindings(flowId) {
+		try {
+			await this.#readBindings(flowId);
+		} catch {}
+	}
+	async #readBindings(flowId, signal) {
+		const previous = this.#bindings.value;
+		const current = this.#bindingLoads.begin();
+		this.#bindings.set({
+			flowId,
+			status: "loading",
+			bindings: previous.flowId === flowId ? previous.bindings : []
+		});
+		try {
+			const bindings = await this.#client.listFlowTriggerBindings(flowId, signal);
+			if (!current()) return;
+			this.#bindings.set({
+				flowId,
+				status: "loaded",
+				bindings
+			});
+		} catch (error) {
+			if (!current()) return;
+			this.#bindings.set({
+				...this.#bindings.value,
+				status: "failed"
+			});
+			throw error;
+		}
+	}
 	async loadMore() {
 		const { loadingMore, nextCursor, target } = this.#state.value;
 		if (loadingMore || nextCursor == null || target == null) return;
@@ -1307,14 +1375,13 @@ var PublicationStore = class {
 	}
 	async #refresh(target, signal) {
 		const current = this.#loads.begin();
-		const [live, page, bindings] = await this.#read(target, signal).catch((error) => {
+		const [live, page] = await this.#read(target, signal).catch((error) => {
 			if (current() && sameTarget(this.#state.value.target, target)) this.#set({ refreshing: false });
 			throw error;
 		});
 		signal?.throwIfAborted();
 		if (current()) this.#workspace.updateLive(live);
 		if (current() && sameTarget(this.#state.value.target, target)) this.#set({
-			bindings,
 			live,
 			loaded: true,
 			loadFailed: false,
@@ -1341,7 +1408,7 @@ var PublicationStore = class {
 				includeTotal: true,
 				limit: pageLimit$1
 			}, signal),
-			this.#client.listFlowTriggerBindings(target.flowId, signal)
+			this.#readBindings(target.flowId, signal)
 		]);
 	}
 	async #storedOperation(target) {
@@ -6726,7 +6793,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-0sUJ5JhQ.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-BgZaFKZm.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";

package/dist/browser/{workbenchSelect-cr4-mKq3.js → workbenchSelect-H9wzEFkH.js}

@@ -1,4 +1,4 @@
-import { Ct as SelectGroup, Dt as SelectValue, Et as SelectTrigger, St as SelectContent, bi as cn, bt as Select, wt as SelectItem } from "./icons-DVJvrj1H.js";
+import { Ct as SelectContent, Dt as SelectTrigger, Ot as SelectValue, Tt as SelectItem, wt as SelectGroup, xi as cn, xt as Select } from "./icons-CajfDpy_.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/workbench/browser/runtime/shell/workbenchSelect.tsx
 function WorkbenchSelect({ ariaLabel, className, disabled = false, id, onValueChange, options, portalRoot, size, value, variant }) {