@oomol-lab/open-flow 0.1.0-beta.53 → 0.1.0-beta.54

package/dist/browser/workbench.js

@@ -595,12 +595,13 @@ function FlowSkeleton() {
 		})]
 	});
 }
-function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBadges, hrefForFlow, onCreateFlow, onSelectFlow, store }) {
+function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBadges, hrefForFlow, initializing = false, onCreateFlow, onSelectFlow, store }) {
 	const t = useTranslate();
 	const busy = useVal(store.workspace.$.busy);
 	const loadFailed = useVal(store.workspace.$.flowLoadFailed);
 	const loadMoreFailed = useVal(store.workspace.$.flowLoadMoreFailed);
-	const loading = useVal(store.workspace.$.flowLoading);
+	const flowLoading = useVal(store.workspace.$.flowLoading);
+	const loading = initializing || flowLoading;
 	const loadingMore = useVal(store.workspace.$.flowLoadingMore);
 	const nextCursor = useVal(store.workspace.$.flowNextCursor);
 	const refreshing = useVal(store.workspace.$.flowRefreshing);
@@ -629,6 +630,7 @@ function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBa
 					children: t("resource.flows")
 				}),
 				/* @__PURE__ */ jsxs("section", {
+					"aria-busy": loading || refreshing,
 					"aria-labelledby": "flow-list-title",
 					className: "resource-list-section rounded-lg",
 					children: [
@@ -657,7 +659,7 @@ function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBa
 									})]
 								}), /* @__PURE__ */ jsxs(Button, {
 									className: "pr-3",
-									disabled: busy != null,
+									disabled: initializing || busy != null,
 									onClick: () => setCreating(true),
 									children: [/* @__PURE__ */ jsx(Icon, {
 										"data-icon": "inline-start",
@@ -5428,6 +5430,8 @@ var WorkspaceStore = class {
 		this.#flows.dispose();
 	}
 	async start(flowId) {
+		const current = this.#draftSession.capture();
+		let initialLoad;
 		this.#started = false;
 		if (this.#stopCatalogWatch == null) {
 			const subscription = this.#client.watchFlowCatalog((event) => {
@@ -5436,11 +5440,17 @@ var WorkspaceStore = class {
 				if (event?.kind == "flow.created" && this.#started && this.#model.value.flowId == null && this.#model.value.busy == null) this.flowCreated(event.flowId);
 			});
 			this.#stopCatalogWatch = subscription.stop;
-			await subscription.ready;
+			subscription.ready.then(async () => {
+				if (initialLoad == null || this.#disposed) return;
+				await initialLoad;
+				if (!this.#disposed) await this.reloadFlows();
+			});
+			await Promise.resolve();
 		}
 		if (this.#disposed) return;
-		await this.reloadFlows();
-		if (!this.#disposed) await this.selectFlow(flowId);
+		initialLoad = this.reloadFlows();
+		await initialLoad;
+		if (!this.#disposed && current()) await this.selectFlow(flowId);
 		this.#started = !this.#disposed;
 	}
 	async reloadFlows() {
@@ -7015,7 +7025,7 @@ function NotificationBridge({ host, store }) {
 	useEffect(() => () => notify(void 0), [notify]);
 	return null;
 }
-function Workbench({ catalogWidth, createFlow, createFlowDisabled, createFlowField, flowBadges, connectionHref, hrefFor, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
+function Workbench({ catalogWidth, createFlow, createFlowDisabled, createFlowField, flowBadges, connectionHref, hrefFor, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
 	const flowId = useVal(store.workspace.$.flowId);
 	return /* @__PURE__ */ jsx("div", {
 		className: "app-shell",
@@ -7028,6 +7038,7 @@ function Workbench({ catalogWidth, createFlow, createFlowDisabled, createFlowFie
 				flowId: flow.flowId,
 				view: "design"
 			}),
+			initializing,
 			language,
 			onCreateFlow: (name) => navigation.createFlow(name, createFlow),
 			onLanguageChange,
@@ -7107,7 +7118,7 @@ function Session({ catalogWidth, createFlow, createFlowDisabled, createFlowField
 				children: [/* @__PURE__ */ jsx(NotificationBridge, {
 					host,
 					store
-				}), started ? /* @__PURE__ */ jsx(Workbench, {
+				}), started || location.flowId == null ? /* @__PURE__ */ jsx(Workbench, {
 					catalogWidth,
 					createFlow,
 					createFlowDisabled,
@@ -7115,6 +7126,7 @@ function Session({ catalogWidth, createFlow, createFlowDisabled, createFlowField
 					flowBadges,
 					connectionHref,
 					hrefFor,
+					initializing: !started,
 					language,
 					navigation,
 					onConfigureConnector,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oomol-lab/open-flow",
-  "version": "0.1.0-beta.53",
+  "version": "0.1.0-beta.54",
   "description": "TypeScript contracts and Browser runtime for Open Flow.",
   "license": "Apache-2.0",
   "repository": {