@superblocksteam/library 2.0.69 → 2.0.70-next.1

package/dist/lib/index.js

@@ -1,5 +1,5 @@
-import { n as consoleLogAttributes, t as early_console_buffer_default } from "../early-console-buffer-T4skeGWJ.js";
-import { A as useSuperblocksUser, B as Section, C as rejectById, D as useSuperblocksContext, E as getAppMode, F as isEmbeddedBySuperblocksFirstParty, H as getEditStore, I as isEditMode, L as createManagedPropsList, M as colors$1, N as editorBridge, O as useSuperblocksGroups, P as iframeMessageHandler, R as Prop, T as SuperblocksContextProvider, V as createPropertiesPanelDefinition, _ as root_store_default, a as FixWithClarkButton, b as createIframeSpan, c as ErrorContent, d as ErrorMessage, f as ErrorStack, g as StyledClarkIcon, h as SecondaryButton, i as getWidgetRectAnchorName, j as sendNotification, k as useSuperblocksProfiles, l as ErrorDetails, m as ErrorTitle, n as useJSXContext, o as ActionsContainer, p as ErrorSummary, r as getWidgetAnchorName, s as ErrorContainer, u as ErrorIconContainer, v as startEditorSync, w as resolveById, x as getContextFromTraceHeaders, y as generateId, z as PropsCategory } from "../jsx-wrapper-CuenCDCW.js";
+import { n as consoleLogAttributes, t as early_console_buffer_default } from "../early-console-buffer-D4wVuyBf.js";
+import { A as useSuperblocksProfiles, B as PropsCategory, C as apiActivityTracker, D as getAppMode, E as SuperblocksContextProvider, F as iframeMessageHandler, H as createPropertiesPanelDefinition, I as isEmbeddedBySuperblocksFirstParty, L as isEditMode, M as sendNotification, N as colors$1, O as useSuperblocksContext, P as editorBridge, R as createManagedPropsList, S as api_hmr_tracker_default, T as resolveById, U as getEditStore, V as Section, _ as root_store_default, a as FixWithClarkButton, b as createIframeSpan, c as ErrorContent, d as ErrorMessage, f as ErrorStack, g as StyledClarkIcon, h as SecondaryButton, i as getWidgetRectAnchorName, j as useSuperblocksUser, k as useSuperblocksGroups, l as ErrorDetails, m as ErrorTitle, n as useJSXContext, o as ActionsContainer, p as ErrorSummary, r as getWidgetAnchorName, s as ErrorContainer, u as ErrorIconContainer, v as startEditorSync, w as rejectById, x as getContextFromTraceHeaders, y as generateId, z as Prop } from "../jsx-wrapper-DrDoDS8j.js";
 import { n as initTracerProviderWithOrigin } from "../utils-Clb3lSiX.js";
 import { action, autorun, computed, makeAutoObservable, makeObservable, observable, reaction, when } from "mobx";
 import { Dim, NATIVE_COMPONENT_TYPES, NO_SELECT_ATTRIBUTE, Property, Property as Property$1, SELECTOR_ID_ATTRIBUTE, SOURCE_ID_ATTRIBUTE, generateSourceId, getBindingIdentifier } from "@superblocksteam/library-shared";
@@ -776,6 +776,31 @@ function registerHtmlElements() {
 	registerComponent("meta", htmlTagSectionsTemplate({ hasChildren: false }));
 }
 
+//#endregion
+//#region src/lib/internal-details/handle-bootstrap-response.ts
+const handleBootstrapResponse = (event) => {
+	root_store_default.applicationId = event.data.payload.appId;
+	root_store_default.userId = event.data.payload.userId;
+	root_store_default.apis.agentUrls = event.data.payload.agentUrls ?? (event.data.payload.agentUrl ? [event.data.payload.agentUrl] : []);
+	root_store_default.apis.setTokens(event.data.payload.token, event.data.payload.accessToken);
+	root_store_default.apis.notifyBootstrapComplete();
+	root_store_default.windowOriginUrl = event.data.payload.logContext.superblocks_window_origin_url;
+	if (root_store_default.windowOriginUrl) import("../utils-BmTdixWt.js").then(({ initTracerProviderWithOrigin: initTracerProviderWithOrigin$1 }) => {
+		initTracerProviderWithOrigin$1(root_store_default.windowOriginUrl);
+		import("../logs-hyzhDMp7.js").then(({ initLibraryLoggerProvider }) => {
+			initLibraryLoggerProvider({
+				windowOriginUrl: root_store_default.windowOriginUrl,
+				appId: event.data.payload.appId,
+				userId: event.data.payload.logContext.superblocks_user_id,
+				userEmail: event.data.payload.logContext.superblocks_user_email,
+				orgId: event.data.payload.logContext.superblocks_org_id,
+				orgName: event.data.payload.logContext.superblocks_org_name,
+				environment: event.data.payload.logContext.superblocks_env
+			});
+		});
+	});
+};
+
 //#endregion
 //#region src/lib/internal-details/internal-components/spinner.tsx
 const Spinner = styled.span`
@@ -1406,8 +1431,8 @@ var OperationAPI = class {
 	updateAuthorization(newAuthorization) {
 		if (this.isocket) {
 			this.isocket.setAuthorization(newAuthorization);
-			console.log("Updated iframe socket authorization token");
-		} else console.warn("Cannot update authorization: socket not yet initialized");
+			console.log("[internal] [OperationAPI]  Updated iframe socket authorization token");
+		} else console.warn("[internal] [OperationAPI] Cannot update authorization: socket not yet initialized");
 	}
 	handleSocketClose({ peerId, userId, authorization, applicationId }) {
 		return async (event) => {
@@ -1421,7 +1446,7 @@ var OperationAPI = class {
 				root_store_default.editStore?.connectionManager.disconnect();
 				return;
 			}
-			console.info(`App<>Dev box Socket closed, retrying attempt ${this.retryAttempts + 1}...`);
+			console.info(`[internal] [OperationAPI] App<>Dev box Socket closed, retrying attempt ${this.retryAttempts + 1}...`);
 			root_store_default.editStore?.connectionManager.disconnect();
 			await this.retryConnection({
 				peerId,
@@ -1441,7 +1466,7 @@ var OperationAPI = class {
 			applicationId
 		});
 		else {
-			console.info(`App<>Dev box Socket closed, failed to reconnect after 3 attempts. Throwing error.`);
+			console.info(`[internal] [OperationAPI] App<>Dev box Socket closed, failed to reconnect after 3 attempts. Throwing error.`);
 			throw new Error("Failed to reconnect after 3 attempts");
 		}
 	}
@@ -1456,9 +1481,9 @@ function startSocketHeartbeat(socket) {
 		timeoutId = setTimeout(async () => {
 			try {
 				await socket.call.editor.ping();
-				console.debug("Pinged library socket");
+				console.debug("[internal] [OperationAPI] Pinged library socket");
 			} catch (e) {
-				console.warn("Ping library socket error", e);
+				console.warn("[internal] [OperationAPI] Ping library socket error", e);
 			}
 			loop();
 		}, PING_INTERVAL_MS);
@@ -1485,7 +1510,7 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, authori
 		application_id: applicationId
 	}, parentContext);
 	const wsStartTime = Date.now();
-	console.log("Dev server connection app websocket starting", consoleLogAttributes({
+	console.log("[internal] [OperationAPI] Dev server connection app websocket starting", consoleLogAttributes({
 		url: wsUrl.toString(),
 		connectionSource: "app",
 		connectionType: connectionType || "initial",
@@ -1527,7 +1552,7 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, authori
 				stopSocketHeartbeat?.();
 				stopSocketHeartbeat = void 0;
 				onClose(event);
-				console.log("Dev server connection app websocket closed", consoleLogAttributes({
+				console.log("[internal] [OperationAPI] Dev server connection app websocket closed", consoleLogAttributes({
 					connectionSource: "app",
 					connectionType: connectionType || "initial",
 					connectionTarget: connectionTarget || "default"
@@ -1541,7 +1566,7 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, authori
 		});
 		const socket = createISocketClient(isocket);
 		const wsDuration = Date.now() - wsStartTime;
-		console.log("Dev server connection app websocket succeeded", consoleLogAttributes({
+		console.log("[internal] [OperationAPI] Dev server connection app websocket succeeded", consoleLogAttributes({
 			connectionSource: "app",
 			connectionType: connectionType || "initial",
 			connectionTarget: connectionTarget || "default",
@@ -1563,7 +1588,7 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, authori
 		};
 	} catch (error) {
 		const wsDuration = Date.now() - wsStartTime;
-		console.error("Dev server connection app websocket failed", consoleLogAttributes({
+		console.error("[internal] [OperationAPI] Dev server connection app websocket failed", consoleLogAttributes({
 			connectionSource: "app",
 			connectionType: connectionType || "initial",
 			connectionTarget: connectionTarget || "default",
@@ -1854,10 +1879,10 @@ var PropertiesPanelManager = class {
 		this.propertiesDefinitions.set(widgetType, propertiesDefinition$1);
 	}
 	updatePropertiesDefinitionForType(type) {
-		console.log("[NOOP] updatePropertiesDefinitionForType: ", type);
+		console.log("[internal] [NOOP] updatePropertiesDefinitionForType: ", type);
 	}
 	computeAndApplySideEffectsForPropertyUpdate(payload) {
-		console.log("[NOOP] computeAndApplySideEffectsForPropertyUpdate");
+		console.log("[internal] [NOOP] computeAndApplySideEffectsForPropertyUpdate");
 		return { [payload.sourceId]: payload.updates };
 	}
 	/**
@@ -2583,18 +2608,34 @@ function useEditorHotkeys(keys, callback, options, deps) {
 //#region src/lib/hooks/use-key-pressed.ts
 function useKeyPressed(key, callback, options) {
 	const timeoutRef = useRef(null);
+	const isKeyDownRef = useRef(false);
 	useEffect(() => {
 		const handleKeyDown = (e) => {
 			if (e.key === key && !e.repeat) {
-				if ((e.ctrlKey && key.toLowerCase() !== "ctrl" || e.metaKey && key.toLowerCase() !== "meta" || e.altKey && key.toLowerCase() !== "alt" || e.shiftKey && key.toLowerCase() !== "shift") && !options?.allowMultipleKeys) return;
+				if ((e.ctrlKey && key.toLowerCase() !== "ctrl" || e.metaKey && key.toLowerCase() !== "meta" || e.altKey && key.toLowerCase() !== "alt" || e.shiftKey && key.toLowerCase() !== "shift") && !options?.allowMultipleKeys) {
+					if (timeoutRef.current) {
+						clearTimeout(timeoutRef.current);
+						timeoutRef.current = null;
+					}
+					isKeyDownRef.current = false;
+					callback(false);
+					return;
+				}
+				isKeyDownRef.current = true;
 				if (options?.pressDelay && options.pressDelay > 0) {
 					if (timeoutRef.current) clearTimeout(timeoutRef.current);
 					timeoutRef.current = setTimeout(() => {
 						callback(true);
 					}, options.pressDelay);
 				} else callback(true);
+			} else if (e.key !== key && isKeyDownRef.current && options?.allowMultipleKeys === false) {
+				if (timeoutRef.current) {
+					clearTimeout(timeoutRef.current);
+					timeoutRef.current = null;
+				}
+				callback(false);
+				isKeyDownRef.current = false;
 			}
-			if (e.key !== key && options?.allowMultipleKeys === false) callback(false);
 		};
 		const handleKeyUp = (e) => {
 			if (e.key === key) {
@@ -2602,13 +2643,18 @@ function useKeyPressed(key, callback, options) {
 					clearTimeout(timeoutRef.current);
 					timeoutRef.current = null;
 				}
+				isKeyDownRef.current = false;
 				callback(false);
 			}
 		};
 		const handleVisibilityChange = () => {
-			if (document.hidden) callback(false);
+			if (document.hidden) {
+				isKeyDownRef.current = false;
+				callback(false);
+			}
 		};
 		const handleBlur = () => {
+			isKeyDownRef.current = false;
 			callback(false);
 		};
 		document.addEventListener("keydown", handleKeyDown);
@@ -3111,10 +3157,75 @@ function EditorHotkeys({ children }) {
 	return /* @__PURE__ */ jsx(Fragment, { children });
 }
 
+//#endregion
+//#region src/edit-mode/screenshot-handler.ts
+/** Timeout for waiting for APIs to become idle before capturing screenshot */
+const WAIT_FOR_APIS_TIMEOUT_MS = 1e4;
+/**
+* Handles screenshot capture requests from the parent editor.
+* Only available in edit mode - modern-screenshot is not bundled in deployed apps.
+*/
+function initializeScreenshotHandler() {
+	if (!isEditMode()) return;
+	const handleCaptureScreenshot = async ({ data }) => {
+		const { callbackId, captureLoadingState } = data.payload;
+		try {
+			if (captureLoadingState) console.log("[Library Screenshot Handler] captureLoadingState=true, skipping API wait and capturing immediately...");
+			else {
+				console.log("[Library Screenshot Handler] Screenshot capture requested, waiting for APIs to become idle...");
+				const { timedOut } = await apiActivityTracker.waitForIdle(WAIT_FOR_APIS_TIMEOUT_MS);
+				if (timedOut) console.warn("[Library Screenshot Handler] Proceeding with screenshot capture despite pending API requests (skipping extra delay)");
+				else {
+					console.log("[Library Screenshot Handler] APIs are idle, waiting 1s for UI to settle...");
+					await new Promise((resolve) => setTimeout(resolve, 1e3));
+					console.log("[Library Screenshot Handler] 1s delay complete, proceeding with screenshot capture");
+				}
+			}
+			const { domToWebp } = await import("modern-screenshot");
+			console.log("[Library Screenshot Handler] Capturing screenshot now...");
+			const rootElement = document.getElementById("root");
+			if (!rootElement) throw new Error("Root element not found");
+			const dataUrl = await domToWebp(rootElement, { backgroundColor: "#ffffff" });
+			console.log("[Library Screenshot Handler] Screenshot captured successfully");
+			editorBridge.sendCaptureScreenshotResponse(callbackId, dataUrl);
+		} catch (error) {
+			const errorMessage = error instanceof Error ? error.message : String(error);
+			console.error("[Library Screenshot Handler] Error capturing screenshot:", errorMessage, error);
+			editorBridge.sendCaptureScreenshotResponse(callbackId, void 0, errorMessage);
+		}
+	};
+	iframeMessageHandler.addEventListener("capture-screenshot", handleCaptureScreenshot);
+}
+
 //#endregion
 //#region src/edit-mode/iframe-wrappers.tsx
-const IframeConnected = observer(function IframeConnected$1(props) {
-	useEffect(() => {
+let _setReloadKey;
+/**
+* Triggers an HMR-style reload by incrementing the reload key.
+* This causes React to remount all children without a full page reload.
+* @param sendReadyAfter - If true, sends sb-ready after the remount completes
+*/
+function triggerHmrReload(sendReadyAfter = false) {
+	api_hmr_tracker_default.dontSkipUntilNextReload();
+	_setReloadKey((currentKey) => currentKey + 1);
+	if (sendReadyAfter) requestAnimationFrame(() => {
+		requestAnimationFrame(() => {
+			editorBridge.sendReady();
+		});
+	});
+}
+if (import.meta.hot) {
+	import.meta.hot.on("sb:force-remount-after-reload", () => {
+		api_hmr_tracker_default.dontSkipUntilNextReload();
+		_setReloadKey?.((currentKey) => currentKey + 1);
+	});
+	import.meta.hot.on("vite:beforeFullReload", () => {
+		if (!isEmbeddedBySuperblocksFirstParty()) return;
+		editorBridge.sendAppFrameWillReload();
+	});
+}
+if (isEditMode()) {
+	const setupInitializer = () => {
 		if (!isEmbeddedBySuperblocksFirstParty()) return;
 		const handleInit = async ({ data }) => {
 			if (data.payload.windowOriginUrl) initTracerProviderWithOrigin(data.payload.windowOriginUrl);
@@ -3123,6 +3234,7 @@ const IframeConnected = observer(function IframeConnected$1(props) {
 			editorBridge.connected();
 			root_store_default.setEditStore(editStore);
 			root_store_default.notifyEditorRegistered();
+			initializeScreenshotHandler();
 			const { aiState, interactionMode } = data.payload;
 			if (aiState?.generationState && (aiState.generationState === AiGenerationState.GENERATING || aiState.generationState === AiGenerationState.DEBUGGING)) {
 				editStore.ai.startEditing();
@@ -3157,11 +3269,14 @@ const IframeConnected = observer(function IframeConnected$1(props) {
 		};
 		iframeMessageHandler.addEventListener("sb-init", handleInit);
 		iframeMessageHandler.addEventListener("sb-update-token", handleTokenUpdate);
+	};
+	requestIdleCallback(setupInitializer);
+}
+const IframeConnected = observer(function IframeConnected$1(props) {
+	const [reloadKey, setReloadKey] = useState(0);
+	_setReloadKey = setReloadKey;
+	useEffect(() => {
 		editorBridge.sendReady();
-		return () => {
-			iframeMessageHandler.removeEventListener("sb-init", handleInit);
-			iframeMessageHandler.removeEventListener("sb-update-token", handleTokenUpdate);
-		};
 	}, []);
 	useEffect(() => {
 		const handleDragStart = () => {};
@@ -3170,15 +3285,171 @@ const IframeConnected = observer(function IframeConnected$1(props) {
 			iframeMessageHandler.removeEventListener("dragstart", handleDragStart);
 		};
 	}, []);
+	useEffect(() => {
+		if (!isEmbeddedBySuperblocksFirstParty()) return;
+		const originalConsole = {
+			warn: console.warn,
+			error: console.error,
+			debug: console.debug,
+			info: console.info,
+			log: console.log
+		};
+		const pendingLogs = [];
+		let flushTimer = null;
+		const serializeArg = (arg, maxLength = 5e3) => {
+			if (arg === null) return "null";
+			if (arg === void 0) return "undefined";
+			const type = typeof arg;
+			if (type === "string") return arg;
+			if (type === "number" || type === "boolean") return String(arg);
+			if (type === "function") return `[Function: ${arg.name || "anonymous"}]`;
+			if (type === "symbol") return arg.toString();
+			try {
+				const result = JSON.stringify(arg, (_key, value) => {
+					if (value instanceof Error) return `Error: ${value.message}`;
+					if (value instanceof Date) return value.toISOString();
+					if (value instanceof RegExp) return value.toString();
+					if (typeof value === "function") return `[Function: ${value.name || "anonymous"}]`;
+					return value;
+				});
+				if (result.length > maxLength) return result.substring(0, maxLength) + "... [truncated]";
+				return result;
+			} catch {
+				return "[Circular or non-serializable object]";
+			}
+		};
+		const isFrameworkStack = (stack) => {
+			if (!stack) return false;
+			const frameworkStackPatterns = [/\/node_modules\//i, /\/packages\/library\//i];
+			const frames = stack.split("\n").map((line) => line.trim()).filter(Boolean);
+			if (frames.length === 0) return false;
+			const isFrameworkFrame = (frame) => frameworkStackPatterns.some((pattern) => pattern.test(frame));
+			return frames.every(isFrameworkFrame);
+		};
+		const isFrameworkLog = (message, stack) => {
+			if ([
+				/^\[vite\]/i,
+				/^Pinged library socket/i,
+				/^\[HMR\]/i,
+				/^Download the React DevTools/i,
+				/^\[internal\]/i
+			].some((pattern) => pattern.test(message))) return true;
+			return isFrameworkStack(stack);
+		};
+		const flushLogs = () => {
+			if (pendingLogs.length === 0) return;
+			const logsToSend = pendingLogs.splice(0);
+			flushTimer = null;
+			logsToSend.forEach(({ level, args, stack }) => {
+				try {
+					const message = args.map(serializeArg).join(" ");
+					if (isFrameworkLog(message, stack)) return;
+					const logEntry = {
+						id: generateId(),
+						timestamp: Date.now(),
+						level,
+						message,
+						stack
+					};
+					editorBridge.sendConsoleLog(logEntry);
+				} catch {}
+			});
+		};
+		const queueConsoleLog = (level, args) => {
+			let stack;
+			const rawStack = (/* @__PURE__ */ new Error()).stack;
+			if (rawStack) {
+				const lines = rawStack.split("\n");
+				stack = lines.length > 3 ? lines.slice(3).join("\n") : void 0;
+			}
+			pendingLogs.push({
+				level,
+				args,
+				stack
+			});
+			if (!flushTimer) flushTimer = setTimeout(flushLogs, 100);
+		};
+		console.warn = (...args) => {
+			originalConsole.warn(...args);
+			queueConsoleLog("warn", args);
+		};
+		console.error = (...args) => {
+			originalConsole.error(...args);
+			queueConsoleLog("error", args);
+		};
+		console.debug = (...args) => {
+			originalConsole.debug(...args);
+			queueConsoleLog("debug", args);
+		};
+		console.info = (...args) => {
+			originalConsole.info(...args);
+			queueConsoleLog("info", args);
+		};
+		console.log = (...args) => {
+			originalConsole.log(...args);
+			queueConsoleLog("log", args);
+		};
+		const serializeError = (error) => {
+			if (!error) return "Unknown error";
+			if (typeof error === "string") return error;
+			const strValue = error.toString?.();
+			if (strValue && strValue !== "[object Object]") return strValue;
+			try {
+				return JSON.stringify(error);
+			} catch {
+				return String(error);
+			}
+		};
+		const handleGlobalError = (event) => {
+			const errorData = {
+				id: generateId(),
+				timestamp: Date.now(),
+				error: serializeError(event.error) || event.message,
+				errorInfo: { componentStack: event.error?.stack || "" },
+				identifier: void 0
+			};
+			if (!root_store_default.editStore?.ai) {
+				originalConsole.error("[Lost runtime error - store not ready]", errorData);
+				return;
+			}
+			root_store_default.editStore.ai.handleRuntimeError(errorData);
+		};
+		const handleUnhandledRejection = (event) => {
+			const errorData = {
+				id: generateId(),
+				timestamp: Date.now(),
+				error: serializeError(event.reason) || "Unhandled promise rejection",
+				errorInfo: { componentStack: event.reason?.stack || "" },
+				identifier: void 0
+			};
+			if (!root_store_default.editStore?.ai) {
+				originalConsole.error("[Lost runtime error - store not ready]", errorData);
+				return;
+			}
+			root_store_default.editStore.ai.handleRuntimeError(errorData);
+		};
+		window.addEventListener("error", handleGlobalError);
+		window.addEventListener("unhandledrejection", handleUnhandledRejection);
+		return () => {
+			if (flushTimer) clearTimeout(flushTimer);
+			console.warn = originalConsole.warn;
+			console.error = originalConsole.error;
+			console.debug = originalConsole.debug;
+			console.info = originalConsole.info;
+			console.log = originalConsole.log;
+			window.removeEventListener("error", handleGlobalError);
+			window.removeEventListener("unhandledrejection", handleUnhandledRejection);
+		};
+	}, []);
 	const isPossiblyEditor = useMemo(isEmbeddedBySuperblocksFirstParty, []);
 	const connectionStatus = root_store_default.editStore?.connectionManager.connectionStatus;
 	if (connectionStatus === "pre-init" || connectionStatus === "connecting") return /* @__PURE__ */ jsx(FullPageSpinner, {});
-	if (isPossiblyEditor && root_store_default.editStore?.isInitialized && typeof window !== "undefined") return props.children;
+	if (isPossiblyEditor && root_store_default.editStore?.isInitialized && typeof window !== "undefined") return /* @__PURE__ */ jsx(React.Fragment, { children: props.children }, reloadKey);
 	if (isEditMode()) {
 		console.log("In edit mode, but editor has not initialized yet");
 		return null;
 	}
-	return /* @__PURE__ */ jsx(React.Fragment, { children: props.children });
+	return /* @__PURE__ */ jsx(React.Fragment, { children: props.children }, reloadKey);
 });
 const WithUserWrapper$1 = (props) => {
 	const { data: currentUser, isLoading } = useGetCurrentUserQuery();
@@ -3213,25 +3484,7 @@ const EmbedWrapper = (props) => {
 	useEffect(() => {
 		const bootstrapResponseListener = (event) => {
 			try {
-				root_store_default.applicationId = event.data.payload.appId;
-				root_store_default.userId = event.data.payload.userId;
-				root_store_default.apis.agentUrls = event.data.payload.agentUrls ?? (event.data.payload.agentUrl ? [event.data.payload.agentUrl] : []);
-				root_store_default.apis.setTokens(event.data.payload.token, event.data.payload.accessToken);
-				root_store_default.windowOriginUrl = event.data.payload.logContext.superblocks_window_origin_url;
-				if (root_store_default.windowOriginUrl) import("../utils-BmTdixWt.js").then(({ initTracerProviderWithOrigin: initTracerProviderWithOrigin$1 }) => {
-					initTracerProviderWithOrigin$1(root_store_default.windowOriginUrl);
-					import("../logs-VIMbIbT8.js").then(({ initLibraryLoggerProvider }) => {
-						initLibraryLoggerProvider({
-							windowOriginUrl: root_store_default.windowOriginUrl,
-							appId: event.data.payload.appId,
-							userId: event.data.payload.logContext.superblocks_user_id,
-							userEmail: event.data.payload.logContext.superblocks_user_email,
-							orgId: event.data.payload.logContext.superblocks_org_id,
-							orgName: event.data.payload.logContext.superblocks_org_name,
-							environment: event.data.payload.logContext.superblocks_env
-						});
-					});
-				});
+				handleBootstrapResponse(event);
 				setIsLoaded(true);
 				iframeMessageHandler.removeEventListener("sb-bootstrap-response", bootstrapResponseListener);
 			} catch (e) {
@@ -3341,6 +3594,10 @@ const EmbedWrapper = (props) => {
 			}
 		};
 		iframeMessageHandler.addEventListener("ai-updates", aiUpdatesListener);
+		const hmrReloadListener = () => {
+			triggerHmrReload(true);
+		};
+		iframeMessageHandler.addEventListener("hmr-reload-request", hmrReloadListener);
 		return () => {
 			iframeMessageHandler.removeEventListener("sb-bootstrap-response", bootstrapResponseListener);
 			iframeMessageHandler.removeEventListener("sb-update-active-agents", updateActiveAgentsListener);
@@ -3351,6 +3608,7 @@ const EmbedWrapper = (props) => {
 			iframeMessageHandler.removeEventListener("sb-global-sync", globalSyncListener);
 			iframeMessageHandler.removeEventListener("route-change", navigateToListener);
 			iframeMessageHandler.removeEventListener("ai-updates", aiUpdatesListener);
+			iframeMessageHandler.removeEventListener("hmr-reload-request", hmrReloadListener);
 			try {
 				getEditStore().runtimeSubscriptionsStore.clearAll();
 			} catch {}
@@ -3749,7 +4007,7 @@ function useWidgetClick() {
 			if (!selectorId) return;
 			const component = editStore.runtimeTrackingStore.getComponent(selectorId);
 			if (!component) {
-				console.log("[useWidgetClick] No component found for selectorId");
+				console.log("[internal] [useWidgetClick] No component found for selectorId");
 				return;
 			}
 			const sourceId = component.sourceId;
@@ -3760,7 +4018,7 @@ function useWidgetClick() {
 				event.stopPropagation();
 			}
 			if (isTargettingComponent) {
-				console.log("[useWidgetClick] Toggling component in AI context");
+				console.log("[internal] [useWidgetClick] Toggling component in AI context");
 				editorBridge.toggleComponentInAiContext(sourceId, selectorId, displayName);
 				return;
 			}
@@ -3952,24 +4210,7 @@ const EmbedWrapper$1 = (props) => {
 	useEffect(() => {
 		const bootstrapResponseListener = (event) => {
 			try {
-				root_store_default.applicationId = event.data.payload.appId;
-				root_store_default.apis.agentUrls = event.data.payload.agentUrls ?? (event.data.payload.agentUrl ? [event.data.payload.agentUrl] : []);
-				root_store_default.apis.setTokens(event.data.payload.token, event.data.payload.accessToken);
-				root_store_default.windowOriginUrl = event.data.payload.logContext.superblocks_window_origin_url;
-				if (root_store_default.windowOriginUrl) import("../utils-BmTdixWt.js").then(({ initTracerProviderWithOrigin: initTracerProviderWithOrigin$1 }) => {
-					initTracerProviderWithOrigin$1(root_store_default.windowOriginUrl);
-					import("../logs-VIMbIbT8.js").then(({ initLibraryLoggerProvider }) => {
-						initLibraryLoggerProvider({
-							windowOriginUrl: root_store_default.windowOriginUrl,
-							appId: event.data.payload.appId,
-							userId: event.data.payload.logContext.superblocks_user_id,
-							userEmail: event.data.payload.logContext.superblocks_user_email,
-							orgId: event.data.payload.logContext.superblocks_org_id,
-							orgName: event.data.payload.logContext.superblocks_org_name,
-							environment: event.data.payload.logContext.superblocks_env
-						});
-					});
-				});
+				handleBootstrapResponse(event);
 				setIsLoaded(true);
 				iframeMessageHandler.removeEventListener("sb-bootstrap-response", bootstrapResponseListener);
 			} catch (e) {
@@ -4065,7 +4306,7 @@ var InternalErrorBoundary = class extends React.Component {
 //#region src/lib/internal-details/lib/devtools/index.tsx
 const SUPPORTED_MODES = ["local-dev"];
 const DevToolsInternal = React.lazy(() => {
-	return import("../devtools-consolidated-CfCo1nXs.js").then((module) => ({ default: module.CustomDevTools }));
+	return import("../devtools-consolidated-zKLoNTKB.js").then((module) => ({ default: module.CustomDevTools }));
 });
 const DevTools = () => {
 	if (!SUPPORTED_MODES.includes("production")) return null;
@@ -4099,6 +4340,39 @@ function useTrackRouteChange() {
 	]);
 }
 
+//#endregion
+//#region src/lib/user-facing/sb-provider-tracker.ts
+let sbProviderRendered = false;
+const reportSbProviderRenderedEditMode = () => {
+	sbProviderRendered = true;
+};
+const ERROR_ID = "base-app-not-rendered";
+if (isEditMode()) setTimeout(() => {
+	if (!root_store_default.editStore) console.error("Edit store not initialized.");
+	if (sbProviderRendered) {
+		editorBridge.sendClearRuntimeError(ERROR_ID, true);
+		return;
+	}
+	const errorMessage = `AppProvider not rendered in time.
+Please ensure that 'App' from @superblocksteam/library is always rendered.
+API executions and editor features will be unavailable.
+`;
+	console.error(errorMessage);
+	editorBridge.sendRuntimeError({
+		id: ERROR_ID,
+		error: errorMessage,
+		errorInfo: {}
+	}, true);
+	editorBridge.sendLoadError(errorMessage);
+	const intervalId = setInterval(() => {
+		if (sbProviderRendered) {
+			clearInterval(intervalId);
+			editorBridge.sendClearRuntimeError(ERROR_ID, true);
+			return;
+		}
+	}, 1e3);
+}, 1e4);
+
 //#endregion
 //#region src/lib/user-facing/styling/styles.ts
 const VARIABLES = { primaryColor: "--primary-color" };
@@ -4177,7 +4451,10 @@ const SbProvider = function SbProvider$1({ name = "codemode", children, classNam
 		initializeStyles(name);
 	}, [name]);
 	useEffect(() => {
-		if (isEditMode()) initializeCSSVariables();
+		if (isEditMode()) {
+			initializeCSSVariables();
+			reportSbProviderRenderedEditMode();
+		}
 	}, []);
 	if (!isApisInitialized) return /* @__PURE__ */ jsx(FullPageSpinner, {});
 	return /* @__PURE__ */ jsxs("div", {