@oomol-lab/open-flow 0.1.0-beta.60 → 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 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-Cbl6Izr-.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, H as applyFlowChanges$1, J as resourceNameIssue, Q as nodeInputMappings, S as Field, T as FieldGroup, V as FlowChangeError, Z as mapConditionSources, a as DialogDescription, at as dequal$1, bi as cn, c as DialogTitle, d as TooltipContent, i as DialogContent, n as Dialog, o as DialogFooter, or as Input, p as TooltipTrigger, r as DialogClose, s as DialogHeader, t as Icon, u as Tooltip, vi as Button, w as FieldError, x as Spinner } from "./icons-D70mz3qW.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-B7ThMSeA.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-DZgJsr3e.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
 var renamePopoverVerticalShift = 8;
@@ -975,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,
@@ -1001,6 +1004,8 @@ var PublicationStore = class {
 	#client;
 	#identity;
 	#i18n;
+	#bindings = val(initialBindings);
+	#bindingLoads = new Latest();
 	#loads = new Latest();
 	#operation = new Latest();
 	#preferences;
@@ -1024,8 +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),
-			changingTriggerId: derive(this.#state, (state) => state.changingTriggerId),
+			bindings: this.#bindings,
 			detail: derive(this.#state, (state) => state.detail),
 			detailLoading: derive(this.#state, (state) => state.detailLoading),
 			live: derive(this.#state, (state) => state.live),
@@ -1046,6 +1050,7 @@ var PublicationStore = class {
 		};
 	}
 	dispose() {
+		this.#bindingLoads.invalidate();
 		this.#loads.invalidate();
 		this.#operation.invalidate();
 		this.#stopObservation();
@@ -1055,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();
@@ -1086,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,
@@ -1117,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;
@@ -1152,7 +1189,7 @@ var PublicationStore = class {
 		if (!await this.#workspace.saveModuleEditor() || flowId != this.#workspace.$.flowId.value) return false;
 		const flow = this.#workspace.$.flow.value;
 		const draft = this.#workspace.$.draft.value;
-		if (flow == null || draft == null || this.#state.value.changingTriggerId != null || this.#state.value.publishing || this.#state.value.rollingBackPublicationId != null) return false;
+		if (flow == null || draft == null || this.#state.value.publishing || this.#state.value.rollingBackPublicationId != null) return false;
 		const target = { flowId: flow.flowId };
 		const expectedLivePublicationId = this.#workspace.$.live.value?.publication?.publicationId ?? null;
 		const signature = JSON.stringify({
@@ -1190,7 +1227,7 @@ var PublicationStore = class {
 	async rollback(publication) {
 		const { live, rollingBackPublicationId, target } = this.#state.value;
 		const currentPublicationId = live?.publication?.publicationId;
-		if (target == null || currentPublicationId == null || this.#state.value.changingTriggerId != null || rollingBackPublicationId != null || this.#state.value.publishing || publication.flowId != target.flowId) return false;
+		if (target == null || currentPublicationId == null || rollingBackPublicationId != null || this.#state.value.publishing || publication.flowId != target.flowId) return false;
 		const signature = JSON.stringify({
 			currentPublicationId,
 			flowId: target.flowId,
@@ -1336,42 +1373,15 @@ var PublicationStore = class {
 			if (current() && this.#state.value.selectedTriggerId == selectedTriggerId) this.#set({ testingTriggerId: void 0 });
 		}
 	}
-	async toggleTrigger(binding) {
-		const target = this.#state.value.target;
-		if (target == null || this.#state.value.changingTriggerId != null || this.#state.value.publishing || this.#state.value.rollingBackPublicationId != null) return false;
-		this.#stopObservation();
-		const current = this.#operation.begin();
-		this.#set({ changingTriggerId: binding.triggerNodeId });
-		try {
-			if (binding.operatorState == "active") await this.#client.pauseFlowTrigger(target.flowId, binding.triggerNodeId);
-			else await this.#client.resumeFlowTrigger(target.flowId, binding.triggerNodeId);
-			if (!current()) return false;
-			const bindings = await this.#client.listFlowTriggerBindings(target.flowId);
-			if (!current()) return false;
-			this.#set({ bindings });
-			if (this.#state.value.selectedTriggerId == binding.triggerNodeId) this.openTrigger(binding.triggerNodeId);
-			this.#setNotice({
-				kind: "success",
-				message: this.#i18n.t(binding.operatorState == "active" ? "notice.triggerPaused" : "notice.triggerResumed")
-			});
-			return true;
-		} catch (error) {
-			if (current()) this.#setNotice(errorNotice(error, this.#i18n.t));
-			return false;
-		} finally {
-			if (current()) this.#set({ changingTriggerId: void 0 });
-		}
-	}
 	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,
@@ -1398,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) {
@@ -6493,7 +6503,6 @@ var WorkbenchStore = class {
 				if (get(this.runs.$.cancelingRunId) != null) return "cancel";
 				if (get(this.publications.$.publishing)) return "publish";
 				if (get(this.publications.$.rollingBackPublicationId) != null) return "rollback";
-				if (get(this.publications.$.changingTriggerId) != null) return "trigger";
 			}),
 			diagnosticItems: compute((get) => {
 				const revision = get(this.workspace.$.revision);
@@ -6784,7 +6793,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-BdbsnUDs.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-gB45mZY7.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-D70mz3qW.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 }) {

package/dist/command/index.d.ts

@@ -0,0 +1,6 @@
+export interface OpenFlowCommandHost {
+    readonly cloudRequest?: (path: string, init?: RequestInit) => Promise<Response>;
+    getWorkbenchUrl?(flowId?: string): Promise<string>;
+    readonly language?: string;
+}
+export declare function runOpenFlowCommand(args: readonly string[], host?: OpenFlowCommandHost): Promise<number>;