@superblocksteam/library 2.0.115-next.0 → 2.0.115-next.2

package/dist/jsx-dev-runtime/index.js

@@ -1,4 +1,4 @@
-import { _ as root_store_default, t as makeWrappedComponent, x as api_hmr_tracker_default } from "../jsx-wrapper-BCVlG9Wg.js";
+import { _ as root_store_default, t as makeWrappedComponent, x as api_hmr_tracker_default } from "../jsx-wrapper-C8Hy0LhA.js";
 import { SOURCE_ID_ATTRIBUTE } from "@superblocksteam/library-shared";
 import * as ReactJsxDevRuntime from "react/jsx-dev-runtime";
 

package/dist/{jsx-wrapper-BCVlG9Wg.js → jsx-wrapper-C8Hy0LhA.js}

@@ -2212,6 +2212,20 @@ var ApiManager = class {
 	waitForBootstrapPromise = void 0;
 	resolveBootstrapPromise = void 0;
 	callContexts = {};
+	/**
+	* Flush pending file writes to DBFS, logging a warning if it blocks for
+	* >50ms. Returns the elapsed time in ms so callers can record it in the
+	* execution timing breakdown.
+	*/
+	async timedEnsureFilesSynced(label) {
+		const opManager = this.rootStore.editStore?.operationManager;
+		if (!opManager) return 0;
+		const t0 = performance.now();
+		await opManager.ensureFilesSynced();
+		const ms = Math.round(performance.now() - t0);
+		if (ms > 50) console.warn(`[api-store] ensureFilesSynced blocked ${label} for ${String(ms)}ms`);
+		return ms;
+	}
 	constructor(rootStore) {
 		this.rootStore = rootStore;
 		this.waitForBootstrapPromise = new Promise((resolve) => {
@@ -2265,6 +2279,13 @@ var ApiManager = class {
 	}
 	notifyBootstrapComplete() {
 		if (this.resolveBootstrapPromise) this.resolveBootstrapPromise();
+		this.prewarmExecutionPath();
+	}
+	async prewarmExecutionPath() {
+		try {
+			await this.rootStore.awaitDiscovery();
+			await this.rootStore.editStore?.operationManager.ensureFilesSynced();
+		} catch {}
 	}
 	loadApiManifest({ apis = {} }) {
 		const apisToSet = Object.values(apis).map(({ api, scopeId }) => {
@@ -2420,7 +2441,7 @@ var ApiManager = class {
 		const orchestratorUrl = new URL("v2/execute", agentBaseUrl).href;
 		const profileId = context$1.profiles?.selected?.id ?? "";
 		const events = [];
-		await this.rootStore.editStore?.operationManager.ensureFilesSynced();
+		await this.timedEnsureFilesSynced("executeApi");
 		const abortController = new AbortController();
 		(this.runningApiControllers[apiName] ??= /* @__PURE__ */ new Set()).add(abortController);
 		const editMode$1 = isEditMode();
@@ -2605,14 +2626,28 @@ var ApiManager = class {
 	* caller doesn't need to resolve them through the parent frame.
 	*/
 	async executeSdkApiV3(apiName, inputs, options) {
+		const timingT0 = performance.now();
 		await this.awaitBootstrapIfNeeded();
+		const bootstrapMs = Math.round(performance.now() - timingT0);
+		let authCheckMs = 0;
+		let discoveryMs = 0;
+		let fileSyncMs = 0;
+		let networkMs;
+		const buildTimingBreakdown = () => ({
+			authCheckMs,
+			bootstrapMs,
+			discoveryMs,
+			fileSyncMs,
+			networkMs
+		});
 		const applicationId = this.rootStore.applicationId;
 		if (!applicationId) return {
 			success: false,
 			error: {
 				code: "NO_APP_ID",
 				message: "No application ID found"
-			}
+			},
+			timingBreakdown: buildTimingBreakdown()
 		};
 		const abortController = new AbortController();
 		(this.runningApiControllers[apiName] ??= /* @__PURE__ */ new Set()).add(abortController);
@@ -2622,7 +2657,10 @@ var ApiManager = class {
 		try {
 			let entryPoint = this.rootStore.getApiEntryPoint(apiName);
 			if (!entryPoint) {
+				const discoveryT0 = performance.now();
 				await this.rootStore.awaitDiscovery();
+				discoveryMs = Math.round(performance.now() - discoveryT0);
+				if (discoveryMs > 50) console.warn(`[api-store] awaitDiscovery blocked executeSdkApiV3(${apiName}) for ${String(discoveryMs)}ms`);
 				entryPoint = this.rootStore.getApiEntryPoint(apiName);
 			}
 			if (!entryPoint) return {
@@ -2630,9 +2668,10 @@ var ApiManager = class {
 				error: {
 					code: "UNKNOWN_API",
 					message: `No entryPoint registered for API "${apiName}". Was it discovered?`
-				}
+				},
+				timingBreakdown: buildTimingBreakdown()
 			};
-			await this.rootStore.editStore?.operationManager.ensureFilesSynced();
+			fileSyncMs = await this.timedEnsureFilesSynced(`executeSdkApiV3(${apiName})`);
 			const profile = this.rootStore.profile;
 			const editModeBranchName = this.rootStore.branchName ?? "main";
 			const commitId = this.rootStore.commitId;
@@ -2653,7 +2692,8 @@ var ApiManager = class {
 				error: {
 					code: "NO_AGENT",
 					message: "Unable to resolve agent for API execution"
-				}
+				},
+				timingBreakdown: buildTimingBreakdown()
 			};
 			const { inputs: finalInputs, files } = await getInputsWithFileMetadata(inputs);
 			const body = {
@@ -2673,7 +2713,8 @@ var ApiManager = class {
 			if (!editMode$1 && commitId) body.commitId = commitId;
 			const integrationIds = (this.rootStore.getApiIntegrations(apiName) ?? []).map((integration) => integration.id);
 			if (integrationIds.length > 0) {
-				const result$1 = await new Promise((resolve) => {
+				const authCheckT0 = performance.now();
+				const authResult = await new Promise((resolve) => {
 					const callbackId = addNewPromise(resolve);
 					window.parent.postMessage({
 						type: "authenticate-api-request",
@@ -2684,6 +2725,8 @@ var ApiManager = class {
 						}
 					}, "*");
 				});
+				authCheckMs = Math.round(performance.now() - authCheckT0);
+				const result$1 = authResult;
 				if (result$1?.tokens?.token && result$1?.tokens?.accessToken) this.setTokens(result$1.tokens.token, result$1.tokens.accessToken);
 				if (result$1?.errors?.length) {
 					console.warn("[api-store] SDK API authentication failed", apiName, result$1.errors);
@@ -2692,11 +2735,13 @@ var ApiManager = class {
 						error: {
 							code: "AUTH_ERROR",
 							message: result$1.errors.map((e) => e.message).join("; ")
-						}
+						},
+						timingBreakdown: buildTimingBreakdown()
 					};
 				}
 			}
 			const fetchStartMs = Date.now();
+			const fetchPerfT0 = performance.now();
 			const response = await fetch(`${agentBaseUrl}v3/execute`, {
 				method: "POST",
 				credentials: "include",
@@ -2711,6 +2756,7 @@ var ApiManager = class {
 			});
 			if (!response.ok) {
 				const text = await response.text();
+				networkMs = Math.round(performance.now() - fetchPerfT0);
 				let message;
 				try {
 					const json = JSON.parse(text);
@@ -2723,14 +2769,17 @@ var ApiManager = class {
 					error: {
 						code: "SYSTEM_ERROR",
 						message
-					}
+					},
+					timingBreakdown: buildTimingBreakdown()
 				};
 			}
 			const result = await response.json();
+			networkMs = Math.round(performance.now() - fetchPerfT0);
 			const eventPerf = result.events?.find((e) => e.end?.performance != null);
 			const perfObj = result.performance ?? (eventPerf?.end)?.performance;
 			const executionStartMs = perfObj?.start != null && Number.isFinite(Number(perfObj.start)) ? Number(perfObj.start) : void 0;
 			const executionDurationMs = perfObj?.total != null && Number.isFinite(Number(perfObj.total)) ? Number(perfObj.total) : void 0;
+			const timingBreakdown = buildTimingBreakdown();
 			if (result.errors?.length) return {
 				success: false,
 				error: {
@@ -2740,7 +2789,8 @@ var ApiManager = class {
 				diagnostics: result.diagnostics,
 				executionStartMs,
 				executionDurationMs,
-				fetchStartMs
+				fetchStartMs,
+				timingBreakdown
 			};
 			return {
 				success: true,
@@ -2748,7 +2798,8 @@ var ApiManager = class {
 				diagnostics: result.diagnostics,
 				executionStartMs,
 				executionDurationMs,
-				fetchStartMs
+				fetchStartMs,
+				timingBreakdown
 			};
 		} catch (error) {
 			if (error instanceof Error && error.name === "AbortError") return {
@@ -2756,7 +2807,8 @@ var ApiManager = class {
 				error: {
 					code: "ABORTED",
 					message: `API "${apiName}" execution was aborted`
-				}
+				},
+				timingBreakdown: buildTimingBreakdown()
 			};
 			console.error(`[api-store] executeSdkApiV3 failed for "${apiName}":`, error);
 			return {
@@ -2764,7 +2816,8 @@ var ApiManager = class {
 				error: {
 					code: "NETWORK_ERROR",
 					message: error instanceof Error ? error.message : "Network error occurred"
-				}
+				},
+				timingBreakdown: buildTimingBreakdown()
 			};
 		} finally {
 			options?.signal?.removeEventListener("abort", forwardAbort);
@@ -4131,4 +4184,4 @@ const useJSXContext = () => {
 
 //#endregion
 export { useSuperblocksProfiles as A, createManagedPropsList as B, rejectById as C, useSuperblocksContext as D, getAppMode as E, editorBridge as F, getEditStore as G, PropsCategory as H, iframeMessageHandler as I, isEmbeddedBySuperblocksFirstParty as L, generateId as M, sendNotification as N, useSuperblocksDataTags as O, colors as P, sendMessageImmediately as R, addNewPromise as S, SuperblocksContextProvider as T, Section as U, Prop as V, createPropertiesPanelDefinition as W, root_store_default as _, FixWithClarkButton as a, getContextFromTraceHeaders as b, ErrorContent as c, ErrorMessage as d, ErrorStack as f, StyledClarkIcon as g, SecondaryButton as h, getWidgetRectAnchorName as i, useSuperblocksUser as j, useSuperblocksGroups as k, ErrorDetails as l, ErrorTitle as m, useJSXContext as n, ActionsContainer as o, ErrorSummary as p, getWidgetAnchorName as r, ErrorContainer as s, makeWrappedComponent as t, ErrorIconContainer as u, startEditorSync as v, resolveById as w, api_hmr_tracker_default as x, createIframeSpan as y, isEditMode as z };
-//# sourceMappingURL=jsx-wrapper-BCVlG9Wg.js.map
+//# sourceMappingURL=jsx-wrapper-C8Hy0LhA.js.map