@superblocksteam/library 2.0.55 → 2.0.56-next.0

package/dist/root-store-Cc3dO2jP.js

@@ -1,4721 +0,0 @@
-import { t as getTracer } from "./utils-xmrGF_mk.js";
-import { NotificationPosition, SbEntityType, TriggerStepType, isValidStepDef } from "@superblocksteam/library-shared/types";
-import _, { cloneDeep, get, isEmpty, isNumber, isObject, isString, isUndefined, pick, set, throttle, toNumber, toString } from "lodash";
-import * as React$1 from "react";
-import React, { Suspense } from "react";
-import styled from "styled-components";
-import { jsx } from "react/jsx-runtime";
-import { Dim, SOURCE_ID_ATTRIBUTE, getBindingIdentifier, getComputedArgsString, getQueryParams, isBindingString, isComputedProperty, isDimension, nameGenerator, pathStringToArray, splitJSPath, stringifySplitPaths, toMobXPatch } from "@superblocksteam/library-shared";
-import { action, computed, createAtom, entries, isComputedProp, isObservableArray, isObservableMap, isObservableObject, makeAutoObservable, makeObservable, observable, observe, reaction, toJS, values } from "mobx";
-import { matchPath } from "react-router";
-import { InputType, PropsPanelCategory } from "@superblocksteam/library-shared/props";
-import JSON5 from "json5";
-import moment from "moment";
-import clone from "rfdc";
-import { ApiResponseType, OrchestratorViewMode, SUPERBLOCKS_AUTHORIZATION_HEADER, SUPERBLOCKS_REQUEST_ID_HEADER, ViewMode, decodeBytestrings, getDynamicBindings } from "@superblocksteam/shared";
-import isString$1 from "lodash/isString";
-import { toast } from "sonner";
-import { ROOT_CONTEXT, context, propagation, trace } from "@opentelemetry/api";
-import diff from "microdiff";
-
-//#region src/edit-mode/get-edit-store.ts
-/**
-* Get the global EditStore instance
-* @returns The EditStore instance
-*/
-function getEditStore() {
-	if (!window.__SUPERBLOCKS_EDITOR_HOOK__ || !window.__SUPERBLOCKS_EDITOR_HOOK__.isInitialized) throw new Error("EditStore not initialized");
-	return window.__SUPERBLOCKS_EDITOR_HOOK__;
-}
-
-//#endregion
-//#region src/lib/internal-details/is-edit-mode.ts
-const getIsEditMode = () => {
-	return window._SB_VIEW_MODE === "dev";
-};
-let editMode;
-const isEditMode = () => {
-	if (editMode === void 0) editMode = getIsEditMode();
-	return editMode;
-};
-
-//#endregion
-//#region src/lib/utils/clean-object.ts
-const isReactElement = (obj) => {
-	return obj && (obj.$$typeof === Symbol.for("react.element") || typeof Node !== "undefined" && obj instanceof Node);
-};
-/**
-* Cleans an object by removing proxy wrappers and filtering out functions.
-* This is useful for preparing objects for JSON serialization.
-*/
-function cleanObject(obj) {
-	obj = toJS(obj);
-	if (!obj || typeof obj !== "object") return typeof obj === "function" ? void 0 : obj;
-	if (Array.isArray(obj)) return obj.map(cleanObject).filter((item) => item !== void 0);
-	if (isReactElement(obj)) return;
-	return Object.entries(obj).reduce((acc, [key, value]) => {
-		if (obj === value || key === "bind") return acc;
-		const cleaned = cleanObject(value);
-		if (cleaned !== void 0) acc[key] = cleaned;
-		return acc;
-	}, {});
-}
-
-//#endregion
-//#region src/lib/internal-details/lib/iframe.ts
-function isEmbeddedBySuperblocksFirstParty() {
-	return typeof window !== "undefined" && window !== window.parent;
-}
-const PARENT_REF = typeof window !== "undefined" && window !== window.parent ? window.parent : null;
-const SELF_REF = typeof window !== "undefined" ? window : null;
-function parentMessageHandler(e) {
-	if (e.source !== PARENT_REF && e.source !== SELF_REF) return;
-	const event = new SbIframeEventInternal(e.data.type, e.data);
-	iframeMessageHandler.dispatchEvent(event);
-}
-if (isEmbeddedBySuperblocksFirstParty() && PARENT_REF) typeof window !== "undefined" && window.addEventListener("message", parentMessageHandler);
-/** @deprecated Use editorBridge instead */
-function sendMessageImmediately(message, options) {
-	if (!PARENT_REF) {
-		console.warn("PARENT_REF is not set, message not delivered. Message: ", message);
-		return;
-	}
-	message = cleanObject(message);
-	if (isEmbeddedBySuperblocksFirstParty()) {
-		if (!PARENT_REF) throw new Error("Parent is not set");
-		try {
-			PARENT_REF.postMessage({
-				...message,
-				startTime: options?.overrideStartTime ?? +/* @__PURE__ */ new Date()
-			}, "*");
-		} catch (e) {
-			console.error("Error sending message to parent", message, e);
-		}
-	}
-}
-var SbIframeEventInternal = class extends Event {
-	data;
-	constructor(type, data) {
-		super(type);
-		this.data = data;
-	}
-};
-var SbMessageHandler = class extends EventTarget {};
-const iframeMessageHandler = new SbMessageHandler();
-
-//#endregion
-//#region src/edit-mode/base-editor-bridge.ts
-var DeployedParentBridge = class {
-	navigateTo(url, newWindow) {
-		sendMessageImmediately({
-			type: "navigate-to",
-			payload: {
-				url,
-				newWindow
-			}
-		});
-	}
-	connected() {}
-	sendReady() {}
-	sendNotification(_type, _message, _description) {}
-	selectWidgets(_sourceIds) {}
-	editOpRequest(_type, _payload) {}
-	undo() {}
-	redo() {}
-	sendStreamedApiEvent(_event, _apiName) {}
-	sendStreamedApiMessage(_message, _apiName) {}
-	setApiStarted(_apiName) {}
-	setApiResponse(_apiName, _response) {}
-	updatePropertiesPanels(_updates) {}
-	addPropertiesPanel(_id, _definition) {}
-	initializeEditorSyncedStore(_payload) {}
-	updateEditorSyncedStore(_payload) {}
-	resolvePromise(_callbackId, _payload) {}
-	rejectPromise(_callbackId, _payload) {}
-	canvasClicked() {}
-	registerContextMenuClick(_sourceId, _clientX, _clientY) {}
-	updateRoute(routeInfo) {
-		sendMessageImmediately({
-			type: "route-change",
-			payload: routeInfo
-		});
-	}
-	socketError(_message) {}
-	aiGenerate(_prompt) {}
-	addComponentToAiContext(_sourceId) {}
-	toggleComponentInAiContext(_sourceId, _instanceId, _label) {}
-	setAiContextMode(_mode) {}
-	sendAiLoaderState(_shouldShowLoader) {}
-	sendRuntimeError(_data) {}
-	sendClearRuntimeError(_id) {}
-};
-
-//#endregion
-//#region src/edit-mode/message-queue.ts
-const MESSAGE_BATCH_TIME = 50;
-const DEFAULT_KEY = "default";
-var MessageQueue = class {
-	keyedActionQueue = {};
-	constructor() {}
-	flattenKeyedQueue() {
-		return Object.values(this.keyedActionQueue).flat();
-	}
-	triggerSendFromQueue = throttle(() => {
-		sendMessageImmediately({
-			type: "iframe-action-batch",
-			payload: this.flattenKeyedQueue()
-		}, { overrideStartTime: Date.now() - MESSAGE_BATCH_TIME });
-		this.keyedActionQueue = {};
-	}, MESSAGE_BATCH_TIME);
-	queueMessage(message, mergeOptions) {
-		if (mergeOptions) {
-			const { key, mergeFn } = mergeOptions;
-			this.keyedActionQueue[key] ??= [];
-			this.keyedActionQueue[key] = mergeFn(this.keyedActionQueue[key], message);
-		} else {
-			this.keyedActionQueue[DEFAULT_KEY] ??= [];
-			this.keyedActionQueue[DEFAULT_KEY].push(message);
-		}
-		this.triggerSendFromQueue();
-	}
-};
-var message_queue_default = new MessageQueue();
-
-//#endregion
-//#region src/edit-mode/superblocks-editor-bridge.ts
-var SuperblocksEditorBridge = class SuperblocksEditorBridge {
-	static instance;
-	messagesToSend = [];
-	connectedToParent = false;
-	static getInstance() {
-		const editMode$1 = isEditMode();
-		if (!SuperblocksEditorBridge.instance) SuperblocksEditorBridge.instance = editMode$1 ? new SuperblocksEditorBridge() : new DeployedParentBridge();
-		return SuperblocksEditorBridge.instance;
-	}
-	connected() {
-		this.connectedToParent = true;
-		this.messagesToSend.forEach((message) => this.queueMessage(message.payload, message.mergeOptions));
-		this.messagesToSend = [];
-	}
-	sendReady() {
-		this.sendImmediate({
-			type: "sb-ready",
-			payload: void 0
-		}, true);
-	}
-	sendNotification(type, message, description) {
-		this.queueMessage({
-			type: "codeMode/sendNotification",
-			payload: {
-				type,
-				message,
-				description
-			}
-		});
-	}
-	selectWidgets(sourceIds) {
-		this.queueMessage({
-			type: "client:selectWidgets",
-			payload: { sourceIds }
-		});
-	}
-	editOpRequest(type, payload) {
-		this.sendImmediate({
-			type: "sb-edit-operation-request",
-			payload: {
-				type,
-				payload
-			}
-		});
-	}
-	undo() {
-		this.sendImmediate({
-			type: "undo",
-			payload: void 0
-		});
-	}
-	redo() {
-		this.sendImmediate({
-			type: "redo",
-			payload: void 0
-		});
-	}
-	sendStreamedApiEvent(event, apiName) {
-		this.sendImmediate({
-			type: "api/stream-event",
-			payload: {
-				event,
-				apiName
-			}
-		});
-	}
-	sendStreamedApiMessage(message, apiName) {
-		this.sendImmediate({
-			type: "api/stream-message",
-			payload: {
-				message,
-				apiName
-			}
-		});
-	}
-	setApiStarted(apiName) {
-		this.sendImmediate({
-			type: "api/started-execution",
-			payload: { apiName }
-		});
-	}
-	setApiResponse(apiName, response) {
-		this.sendImmediate({
-			type: "api/set-api-response",
-			payload: {
-				apiName,
-				response
-			}
-		});
-	}
-	navigateTo(path, newWindow) {
-		this.sendImmediate({
-			type: "navigate-to",
-			payload: {
-				url: path,
-				newWindow
-			}
-		});
-	}
-	updatePropertiesPanels(updates) {
-		this.queueMessage({
-			type: "codeMode/updatePropertiesPanels",
-			payload: updates
-		});
-	}
-	addPropertiesPanel(id, definition) {
-		this.queueMessage({
-			type: "codeMode/addPropertiesPanel",
-			payload: {
-				id,
-				definition
-			}
-		});
-	}
-	initializeEditorSyncedStore(payload) {
-		this.queueMessage({
-			type: "codeMode/editor-synced-store/init",
-			payload
-		});
-	}
-	mergeSyncedStoreUpdate(existingActions, newAction) {
-		if (!existingActions || existingActions.length === 0) return [newAction];
-		const firstAction = existingActions[0];
-		const newActionPatches = newAction.payload.patch;
-		firstAction.payload.patch = Array.isArray(firstAction.payload.patch) ? firstAction.payload.patch : [firstAction.payload.patch];
-		firstAction.payload.patch.push(...Array.isArray(newActionPatches) ? newActionPatches : [newActionPatches]);
-		return existingActions;
-	}
-	updateEditorSyncedStore(payload) {
-		this.queueMessage({
-			type: "codeMode/editor-synced-store/update",
-			payload
-		}, {
-			key: `synced-store-update-${payload.storeId}`,
-			mergeFn: this.mergeSyncedStoreUpdate
-		});
-	}
-	resolvePromise(callbackId, payload) {
-		this.sendImmediate({
-			type: "resolve-promise",
-			callbackId,
-			payload
-		});
-	}
-	rejectPromise(callbackId, payload) {
-		this.sendImmediate({
-			type: "reject-promise",
-			callbackId,
-			payload
-		});
-	}
-	canvasClicked() {
-		this.sendImmediate({
-			type: "register-click",
-			payload: {
-				type: "INSIDE_IFRAME_CLICKED",
-				context: {
-					sourceId: "",
-					clientX: 0,
-					clientY: 0
-				}
-			}
-		});
-	}
-	registerContextMenuClick(sourceId, clientX, clientY) {
-		this.sendImmediate({
-			type: "register-click",
-			payload: {
-				type: "OPEN_CONTEXT_MENU",
-				context: {
-					sourceId,
-					clientX,
-					clientY
-				}
-			}
-		});
-	}
-	updateRoute(routeInfo) {
-		this.sendImmediate({
-			type: "route-change",
-			payload: routeInfo
-		}, true);
-	}
-	addComponentToAiContext(sourceId, instanceId) {
-		const editStore = getEditStore();
-		if (editStore?.ai.isAlternateSourceIdTarget(sourceId, instanceId)) {
-			editStore.ai.addTargetedInstance(instanceId);
-			return;
-		}
-		this.sendImmediate({
-			type: "ai-updates",
-			payload: {
-				type: "add-component-to-context",
-				component: sourceId
-			}
-		});
-	}
-	toggleComponentInAiContext(sourceId, instanceId, label) {
-		const editStore = getEditStore();
-		if (editStore?.ai.isAlternateSourceIdTarget(sourceId, instanceId)) {
-			editStore.ai.toggleTargetedInstance(instanceId);
-			return;
-		}
-		this.sendImmediate({
-			type: "ai-updates",
-			payload: {
-				type: "toggle-component-in-context",
-				component: sourceId,
-				label
-			}
-		});
-	}
-	setAiContextMode(mode) {
-		this.sendImmediate({
-			type: "ai-updates",
-			payload: {
-				type: "set-ai-context-mode",
-				mode
-			}
-		});
-	}
-	aiGenerate(prompt, forceSend = false) {
-		const sanitizedPrompt = clampPromptLength(prompt);
-		this.sendImmediate({
-			type: "ai-updates",
-			payload: {
-				type: "ai-generate",
-				prompt: sanitizedPrompt
-			}
-		}, forceSend);
-	}
-	sendAiLoaderState(shouldShowLoader) {
-		this.sendImmediate({
-			type: "ai-updates",
-			payload: {
-				type: "loader-state",
-				shouldShowLoader
-			}
-		});
-	}
-	socketError(message) {
-		this.sendImmediate({
-			type: "socket/error",
-			payload: { message }
-		});
-	}
-	sendRuntimeError(data) {
-		this.sendImmediate({
-			type: "runtime-error",
-			payload: data
-		});
-	}
-	sendClearRuntimeError(id) {
-		this.sendImmediate({
-			type: "clear-runtime-error",
-			payload: { id }
-		});
-	}
-	queueMessage(message, mergeOptions) {
-		if (!this.connectedToParent) this.messagesToSend.push({
-			payload: message,
-			mergeOptions
-		});
-		else message_queue_default.queueMessage(message, mergeOptions);
-	}
-	sendImmediate(message, forceSend = false) {
-		if (!this.connectedToParent && !forceSend) this.messagesToSend.push({ payload: message });
-		else sendMessageImmediately(message);
-	}
-};
-const MAX_AI_PROMPT_LENGTH = 16e3;
-const TRUNCATION_SUFFIX = "... (truncated)";
-function clampPromptLength(prompt) {
-	if (prompt.length <= MAX_AI_PROMPT_LENGTH) return prompt;
-	const available = Math.max(MAX_AI_PROMPT_LENGTH - 15, 0);
-	return `${prompt.slice(0, available)}${TRUNCATION_SUFFIX}`;
-}
-const editorBridge = SuperblocksEditorBridge.getInstance();
-
-//#endregion
-//#region src/lib/triggers/implementations/apis/cancel-apis.ts
-const CancelApisTrigger = {
-	type: TriggerStepType.CANCEL_APIS,
-	async execute(_context, step) {
-		const apis = step.apis;
-		await Promise.all(apis.map((api) => api.cancel()));
-	},
-	create(apis, onCancel) {
-		return {
-			type: TriggerStepType.CANCEL_APIS,
-			apis,
-			onCancel
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/apis/run-apis.ts
-const RunApisTrigger = {
-	type: TriggerStepType.RUN_APIS,
-	async execute(context$1, step, onFinish) {
-		const traceHeaders = context$1.additionalContext?.traceHeaders;
-		const executions = step.apis.map((api) => api.run({ traceHeaders }));
-		return Promise.allSettled(executions).then((responses) => {
-			if (!responses.find((response) => response.status === "rejected" || response.value?.errors && response.value?.errors?.length > 0) && step.onSuccess) runEventHandlers({
-				flow: step.onSuccess,
-				name: context$1.name,
-				scopeId: context$1.scopeId,
-				additionalContext: context$1.additionalContext
-			});
-			else if (step.onError) runEventHandlers({
-				flow: step.onError,
-				name: context$1.name,
-				scopeId: context$1.scopeId,
-				additionalContext: context$1.additionalContext
-			});
-			onFinish?.(responses);
-		});
-	},
-	create(apis, opts) {
-		return {
-			type: TriggerStepType.RUN_APIS,
-			apis,
-			onSuccess: opts?.onSuccess,
-			onError: opts?.onError
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/call-function.ts
-const CallFunctionTrigger = {
-	type: TriggerStepType.CALL_FUNCTION,
-	create(fn) {
-		if (typeof fn !== "function") throw new Error("callFunction expects a function");
-		return {
-			type: TriggerStepType.CALL_FUNCTION,
-			exec: fn
-		};
-	},
-	async execute(_ctx, step) {
-		await Promise.resolve(step.exec());
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/components/control-modal.ts
-const ControlModalTrigger = {
-	type: TriggerStepType.CONTROL_MODAL,
-	async execute(context$1, step) {
-		if (step.name === void 0) return;
-		context$1.rootStore.entityManager.runCode({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			func: (state, step$1) => {
-				if (!state || !step$1.name) return;
-				if (step$1.action === "open") state[step$1.name].isOpen = true;
-				else state[step$1.name].isOpen = false;
-			},
-			args: [step]
-		});
-	},
-	create(modal, opts) {
-		const meta = getBindingIdentifier(modal);
-		return {
-			type: TriggerStepType.CONTROL_MODAL,
-			name: meta?.entityName,
-			action: opts.action
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/components/control-slideout.ts
-const ControlSlideoutTrigger = {
-	type: TriggerStepType.CONTROL_SLIDEOUT,
-	async execute(context$1, step) {
-		context$1.rootStore.entityManager.runCode({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			func: (state, step$1) => {
-				if (!state || !step$1.name) return;
-				state[step$1.name].isOpen = step$1.action === "open";
-			},
-			args: [step]
-		});
-	},
-	create(slideout, opts) {
-		const meta = getBindingIdentifier(slideout);
-		return {
-			type: TriggerStepType.CONTROL_SLIDEOUT,
-			name: meta?.entityName,
-			action: opts.action
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/names.ts
-const getName = (name) => {
-	return {
-		isAnonymous: !name,
-		value: name ?? Math.random().toString(36).substring(7),
-		__isName: true
-	};
-};
-const isName = (name) => {
-	return typeof name === "object" && name != null && "__isName" in name;
-};
-const isNameEqual = (a, b) => {
-	return a.value === b.value && a.isAnonymous === b.isAnonymous;
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/components/reset-component.ts
-const ResetComponentTrigger = {
-	type: TriggerStepType.RESET_COMPONENT,
-	async execute(context$1, step) {
-		if (!step.widget?.name) return;
-		context$1.rootStore.entityManager.resetEntity({
-			name: getName(step.widget?.name),
-			scopeId: context$1.scopeId,
-			key: step.propertyName,
-			onlyMetaProps: true
-		});
-	},
-	create(component, opts) {
-		const meta = getBindingIdentifier(component);
-		return {
-			type: TriggerStepType.RESET_COMPONENT,
-			widget: meta ? { name: meta.entityName } : void 0,
-			propertyName: opts?.property
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/components/set-component-property.ts
-const SetComponentPropertyTrigger = {
-	type: TriggerStepType.SET_COMPONENT_PROPERTY,
-	async execute(context$1, step) {
-		const { propertyValue } = step;
-		const value = context$1.rootStore.entityManager.computeValue({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			value: propertyValue,
-			args: [context$1.additionalContext]
-		});
-		context$1.rootStore.entityManager.runCode({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			func: (state, value$1, step$1) => {
-				if (!state) return;
-				state[step$1.widget?.name][step$1.propertyName] = value$1;
-			},
-			args: [value, step]
-		});
-	},
-	create(component, opts) {
-		const meta = getBindingIdentifier(component);
-		return {
-			type: TriggerStepType.SET_COMPONENT_PROPERTY,
-			widget: meta ? { name: meta.entityName } : void 0,
-			propertyName: opts.property,
-			propertyValue: opts.value
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/navigate/navigate-to-app.ts
-const NavigateToAppTrigger = {
-	type: TriggerStepType.NAVIGATE_TO_APP,
-	async execute(_context, step) {
-		console.log("Navigate to app", step);
-	},
-	create(appId) {
-		return {
-			type: TriggerStepType.NAVIGATE_TO_APP,
-			targetApp: {
-				name: appId,
-				id: appId,
-				url: ""
-			},
-			queryParams: {},
-			newWindowApp: false
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/navigate/navigate-to-route.ts
-const NavigateToRouteTrigger = {
-	type: TriggerStepType.NAVIGATE_TO_ROUTE,
-	async execute(context$1, step) {
-		const queryParams = step.queryParams ? context$1.rootStore.entityManager.computeValue({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			value: step.queryParams,
-			args: [context$1.additionalContext]
-		}) : {};
-		const routeParams = step.routeParams ? context$1.rootStore.entityManager.computeValue({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			value: step.routeParams,
-			args: [context$1.additionalContext]
-		}) : {};
-		console.log("Navigate to route", {
-			routeId: step.routeId,
-			routeParams,
-			queryParams,
-			keepQueryParams: step.keepQueryParams,
-			newWindow: step.newWindow
-		});
-	},
-	create(route) {
-		return {
-			type: TriggerStepType.NAVIGATE_TO_ROUTE,
-			routeId: route,
-			routePathDescriptor: route,
-			newWindow: false
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/internal-details/utils/is-local-link.ts
-function isLocalLink(href) {
-	return new URL(href, window.location.origin).origin === window.location.origin;
-}
-
-//#endregion
-//#region src/lib/internal-details/utils/navigation.ts
-var NavigationEvent = class extends Event {
-	destination;
-	formData;
-	downloadRequest;
-	newWindow;
-	navigationType;
-	userInitiated;
-	constructor({ isSameDocument, targetUrl, formData, isBlob = false, newWindow = false, userInitiated = false }) {
-		super("navigate", { cancelable: true });
-		this.destination = {
-			sameDocument: isSameDocument,
-			url: targetUrl
-		};
-		if (formData) this.formData = formData;
-		this.downloadRequest = isBlob;
-		this.newWindow = newWindow;
-		this.navigationType = "push";
-		this.userInitiated = userInitiated;
-	}
-};
-var NavigationPolyfill = class extends EventTarget {
-	constructor() {
-		super();
-		interceptWindowClicks(this);
-		patchGlobalScope(this);
-	}
-};
-const navigation = window.navigation ?? new NavigationPolyfill();
-function patchGlobalScope(navigation$1) {
-	try {
-		Object.defineProperty(window, "navigation", { value: navigation$1 });
-	} catch {}
-}
-function interceptWindowClicks(navigation$1) {
-	function clickCallback(ev, aEl) {
-		if (!(ev.button === 0 && !ev.defaultPrevented && !ev.metaKey && !ev.altKey && !ev.ctrlKey && !ev.shiftKey)) return;
-		const targetUrl = new URL(aEl.href, window.location.origin);
-		const navigationEvent = new NavigationEvent({
-			isSameDocument: targetUrl.origin === window.location.origin && targetUrl.pathname === window.location.pathname,
-			targetUrl: aEl.href,
-			isBlob: targetUrl.protocol === "blob:",
-			newWindow: aEl.target === "_blank",
-			userInitiated: true
-		});
-		if (!navigation$1.dispatchEvent(navigationEvent)) ev.preventDefault();
-	}
-	function submitCallback(ev, form) {
-		if (ev.defaultPrevented) return;
-		if ((ev.submitter && "formMethod" in ev.submitter && ev.submitter.formMethod ? ev.submitter.formMethod : form.method) === "dialog") return;
-		const navigationEvent = new NavigationEvent({
-			isSameDocument: false,
-			targetUrl: ev.submitter && "formAction" in ev.submitter && ev.submitter.formAction ? ev.submitter.formAction : form.action,
-			formData: new FormData(form)
-		});
-		navigation$1.dispatchEvent(navigationEvent);
-		if (navigationEvent.defaultPrevented) ev.preventDefault();
-	}
-	window.addEventListener("click", (ev) => {
-		const aEl = ev.target.closest?.("a[href]");
-		if (aEl instanceof HTMLAnchorElement) clickCallback(ev, aEl);
-	}, true);
-	window.addEventListener("submit", (ev) => {
-		const form = ev.target.closest?.("form");
-		if (form instanceof HTMLFormElement) submitCallback(ev, form);
-	});
-}
-
-//#endregion
-//#region src/lib/triggers/implementations/navigate/utils.ts
-const isValidUrlScheme = (url) => {
-	return url.startsWith("http://") || url.startsWith("https://") || url.startsWith("mailto:") || url.startsWith("tel:");
-};
-const isValidUrl = (url) => {
-	try {
-		new URL(url);
-		return true;
-	} catch {
-		return false;
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/navigate/navigate-to.ts
-const NavigateToTrigger = {
-	type: TriggerStepType.NAVIGATE_TO,
-	async execute(context$1, step) {
-		let url = context$1.rootStore.entityManager.computeValue({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			value: step.url,
-			args: [context$1.additionalContext]
-		});
-		const urlWithScheme = isValidUrlScheme(url) ? url : "https://" + url;
-		if (isValidUrl(urlWithScheme) && !url.startsWith("/")) url = urlWithScheme;
-		if (isLocalLink(url)) {
-			navigation.dispatchEvent(new NavigationEvent({
-				isSameDocument: true,
-				targetUrl: url,
-				userInitiated: true
-			}));
-			return;
-		}
-		if (step.newWindow) navigation.dispatchEvent(new NavigationEvent({
-			isSameDocument: false,
-			targetUrl: url,
-			newWindow: true,
-			userInitiated: true
-		}));
-		else if (window.top) window.top.location.href = url;
-		else window.location.href = url;
-	},
-	create(url, opts) {
-		return {
-			type: TriggerStepType.NAVIGATE_TO,
-			url,
-			newWindow: opts?.newWindow ?? false,
-			replaceHistory: opts?.replaceHistory,
-			arguments: opts?.arguments
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/navigate/set-query-params.ts
-const SetQueryParamsTrigger = {
-	type: TriggerStepType.SET_QUERY_PARAMS,
-	async execute(_context, step) {
-		console.log("SetQueryParamsTrigger", step);
-	},
-	create(queryParams, opts) {
-		return {
-			type: TriggerStepType.SET_QUERY_PARAMS,
-			queryParams,
-			keepQueryParams: opts?.keep ?? false
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/run-js.ts
-const RunJsTrigger = {
-	type: TriggerStepType.RUN_JS,
-	create(handler) {
-		return {
-			type: TriggerStepType.RUN_JS,
-			handler,
-			code: handler ? handler.toString() : ""
-		};
-	},
-	async execute(context$1, step) {
-		if (step.handler) context$1.rootStore.entityManager.runCode({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			func: step.handler,
-			args: [context$1.additionalContext],
-			excludeState: true
-		});
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/set-profile.ts
-const SetProfileTrigger = {
-	type: TriggerStepType.SET_PROFILE,
-	async execute(_context, step) {
-		console.log("SetProfileTrigger", step);
-	},
-	create(profileId, opts) {
-		return {
-			type: TriggerStepType.SET_PROFILE,
-			profileId,
-			action: opts.action ?? "set"
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/state/reset-state-var.ts
-const ResetStateVarTrigger = {
-	type: TriggerStepType.RESET_STATE_VAR,
-	async execute(context$1, step) {
-		if (step.variable === void 0) return;
-		context$1.rootStore.entityManager.runCode({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			func: () => step.variable?.set(step.variable.defaultValue),
-			args: []
-		});
-	},
-	create(variable) {
-		return {
-			type: TriggerStepType.RESET_STATE_VAR,
-			variable
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/state/set-state-var.ts
-const SetStateVarTrigger = {
-	type: TriggerStepType.SET_STATE_VAR,
-	async execute(context$1, step) {
-		if (step.variable === void 0) return;
-		const value = context$1.rootStore.entityManager.computeValue({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			value: step.value,
-			args: [context$1.additionalContext]
-		});
-		context$1.rootStore.entityManager.runCode({
-			scopeId: context$1.scopeId,
-			name: context$1.name,
-			func: (state, value$1) => {
-				if (!state) return;
-				step.variable?.set(value$1);
-			},
-			args: [value]
-		});
-	},
-	create(variable, opts) {
-		return {
-			type: TriggerStepType.SET_STATE_VAR,
-			variable,
-			value: opts.value
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/timers/control-timer.ts
-const ControlTimerTrigger = {
-	type: TriggerStepType.CONTROL_TIMER,
-	async execute(_context, step) {
-		if (step.timer) step.timer[step.action]();
-	},
-	create(timer, opts) {
-		return {
-			type: TriggerStepType.CONTROL_TIMER,
-			timer,
-			action: opts.action
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/implementations/trigger-event.ts
-const TriggerEventTrigger = {
-	type: TriggerStepType.TRIGGER_EVENT,
-	async execute(_context, step) {
-		console.log("TriggerEventTrigger", step);
-	},
-	create(eventName, opts) {
-		return {
-			type: TriggerStepType.TRIGGER_EVENT,
-			event: { name: eventName },
-			eventPayload: opts?.data
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/triggers/registry.ts
-const EventRegistry = {
-	[TriggerStepType.RUN_JS]: RunJsTrigger,
-	[TriggerStepType.NAVIGATE_TO]: NavigateToTrigger,
-	[TriggerStepType.NAVIGATE_TO_APP]: NavigateToAppTrigger,
-	[TriggerStepType.NAVIGATE_TO_ROUTE]: NavigateToRouteTrigger,
-	[TriggerStepType.SET_QUERY_PARAMS]: SetQueryParamsTrigger,
-	[TriggerStepType.CONTROL_SLIDEOUT]: ControlSlideoutTrigger,
-	[TriggerStepType.CONTROL_MODAL]: ControlModalTrigger,
-	[TriggerStepType.RESET_COMPONENT]: ResetComponentTrigger,
-	[TriggerStepType.CALL_FUNCTION]: CallFunctionTrigger,
-	[TriggerStepType.RUN_APIS]: RunApisTrigger,
-	[TriggerStepType.CANCEL_APIS]: CancelApisTrigger,
-	[TriggerStepType.SET_STATE_VAR]: SetStateVarTrigger,
-	[TriggerStepType.SET_COMPONENT_PROPERTY]: SetComponentPropertyTrigger,
-	[TriggerStepType.RESET_STATE_VAR]: ResetStateVarTrigger,
-	[TriggerStepType.CONTROL_TIMER]: ControlTimerTrigger,
-	[TriggerStepType.SET_PROFILE]: SetProfileTrigger,
-	[TriggerStepType.TRIGGER_EVENT]: TriggerEventTrigger
-};
-var registry_default = EventRegistry;
-
-//#endregion
-//#region src/lib/triggers/run-event-handlers.ts
-const getRootStore = () => import("./root-store-xviorlO5.js").then((module) => module.default);
-const runEventHandlers = async ({ flow, name, scopeId, additionalContext }) => {
-	const context$1 = {
-		scopeId,
-		name,
-		rootStore: await getRootStore(),
-		additionalContext
-	};
-	const steps = flow?.build() ?? [];
-	for (const step of steps) {
-		if (!isValidStepDef(step)) continue;
-		const trigger = registry_default[step.type];
-		if (trigger) await trigger.execute(context$1, step);
-		else console.error(`Trigger ${step.type} not found`);
-	}
-};
-var run_event_handlers_default = runEventHandlers;
-
-//#endregion
-//#region src/lib/user-facing/properties-panel/properties-panel-definition.ts
-function createPropertiesPanelDefinition(sections, entity, scopedState) {
-	const sectionDefs = [];
-	const getSectionChildren = (props, parentPath) => {
-		const properties = [];
-		/**
-		* There are three ways we can display a Composite prop:
-		* 1. Prop control + popover panel (e.g: TextStyle)
-		* 2. Prop control (e.g: Border)
-		* 3. Inline, without a prop control (e.g: Search prop on Table, which contains backgroundColor, borderRadius, etc.)
-		*
-		* isCompositeWithInlineNestedProps is used to determine if a prop is of type (3).
-		*/
-		const isCompositeWithInlineNestedProps = (prop, fullPath) => {
-			if (!(prop instanceof CompositeProp) || !prop.hasPropertiesPanelDisplay()) return false;
-			const displayMode = prop.propertiesPanelChildrenDisplayMode();
-			if (!displayMode) return false;
-			return (typeof displayMode === "function" ? displayMode(entity, fullPath) : displayMode)?.type === "inline";
-		};
-		for (const [name, prop] of Object.entries(props)) {
-			const fullPath = parentPath ? `${parentPath}.${name}` : name;
-			if (isCompositeWithInlineNestedProps(prop, fullPath)) {
-				const inlinePropertiesDefs = getSectionChildren(prop.nestedProps, fullPath);
-				properties.push(...inlinePropertiesDefs);
-			} else if (prop.hasPropertiesPanelDisplay()) {
-				const def = prop.setName(fullPath).toDefinition(entity, scopedState);
-				if (def) properties.push(def);
-			}
-		}
-		return properties;
-	};
-	for (const [, section] of Object.entries(sections)) {
-		const children = getSectionChildren(section.props, "");
-		if (children.length === 0) continue;
-		sectionDefs.push({
-			name: section.name,
-			category: section.category,
-			children,
-			showHeader: section.propertiesPanelConfig.showHeader,
-			isDefaultOpen: section.propertiesPanelConfig.isDefaultOpen,
-			headerType: section.propertiesPanelConfig.headerType,
-			subHeader: section.propertiesPanelConfig.subHeader
-		});
-	}
-	return { sections: sectionDefs };
-}
-
-//#endregion
-//#region src/lib/user-facing/properties-panel/validators.ts
-const Valid = (result) => {
-	return {
-		valid: true,
-		result
-	};
-};
-const DEFAULT_INVALID_MESSAGE = "Value does not match Required Data Format";
-const Invalid = (message = DEFAULT_INVALID_MESSAGE, invalidValue) => {
-	return {
-		valid: false,
-		message,
-		invalidValue
-	};
-};
-const VALIDATORS = {
-	TEXT: (value) => {
-		let parsed = value;
-		if (isUndefined(value) || value === null) return Valid("");
-		if (isObject(value) || Array.isArray(value)) return Valid(JSON5.stringify(value, null, 2));
-		let isValid = isString(value);
-		if (!isValid) try {
-			parsed = toString(value);
-			isValid = true;
-		} catch (e) {
-			console.error(`Error when parsing ${value} to string`);
-			console.error(e);
-			return Invalid("Invalid string", value);
-		}
-		return Valid(parsed);
-	},
-	TEXT_EMPTY_NULL: (value, props) => {
-		if (value === "") return Valid(null);
-		return VALIDATORS.TEXT(value, props);
-	},
-	TEXT_ALLOW_UNDEFINED: (value, props) => {
-		if (isUndefined(value)) return Valid(value);
-		return VALIDATORS.TEXT(value, props);
-	},
-	REGEX: (value, props) => {
-		const result = VALIDATORS.TEXT(value, props);
-		if (result.valid && result.result !== void 0) {
-			try {
-				new RegExp(result.result);
-			} catch (_e) {
-				return Invalid("Invalid regex", value);
-			}
-			return Valid(result.result);
-		}
-		return Invalid("Invalid regex", value);
-	},
-	NUMBER: (value) => {
-		let parsed = value;
-		if (isUndefined(value)) return Invalid("Invalid number", value);
-		let isValid = isNumber(value);
-		if (!isValid) try {
-			parsed = toNumber(value);
-			isValid = true;
-		} catch (e) {
-			console.error(`Error when parsing ${value} to number`);
-			console.error(e);
-			return Invalid("Invalid number", value);
-		}
-		return Valid(parsed);
-	},
-	NUMBER_ALLOW_UNDEFINED: (value, props) => {
-		if (isUndefined(value)) return Valid(value);
-		return VALIDATORS.NUMBER(value, props);
-	},
-	BOOLEAN: (value) => {
-		if (isUndefined(value)) return Invalid(DEFAULT_INVALID_MESSAGE, value);
-		return Valid(Boolean(value));
-	},
-	BOOLEAN_ALLOW_UNDEFINED: (value, props) => {
-		if (isUndefined(value)) return Valid(value);
-		return VALIDATORS.BOOLEAN(value, props);
-	},
-	OBJECT: (value) => {
-		let parsed = value;
-		if (isUndefined(value)) return Invalid(DEFAULT_INVALID_MESSAGE, value);
-		let isValid = isObject(value);
-		if (!isValid) try {
-			parsed = JSON.parse(value);
-			isValid = true;
-		} catch (e) {
-			console.error(`Error when parsing ${value} to object`);
-			console.error(e);
-			return Invalid(DEFAULT_INVALID_MESSAGE, value);
-		}
-		return Valid(parsed);
-	},
-	OBJECT_OR_UNDEFINED: (value, props) => {
-		if (isUndefined(value)) return Valid(value);
-		return VALIDATORS.OBJECT(value, props);
-	},
-	ARRAY: (value) => {
-		let parsed = value;
-		try {
-			if (isUndefined(value)) return Invalid(DEFAULT_INVALID_MESSAGE, value);
-			if (isString(value)) parsed = JSON5.parse(parsed);
-			if (!Array.isArray(parsed)) return Invalid(DEFAULT_INVALID_MESSAGE, value);
-			return Valid(parsed);
-		} catch (e) {
-			console.error(e);
-			return Invalid(DEFAULT_INVALID_MESSAGE, value);
-		}
-	},
-	ARRAY_ALLOW_UNDEFINED: (value, props) => {
-		if (isUndefined(value)) return Valid(value);
-		return VALIDATORS.ARRAY(value, props);
-	},
-	NUMBER_ARRAY: (value, props) => {
-		const res = VALIDATORS.ARRAY(value, props);
-		if (!res.valid) return Invalid("Invalid number array", value);
-		else if (!res.result.every((datum) => typeof datum === "number")) return Invalid("Not all elements in the array are numbers", value);
-		return Valid(res.result);
-	},
-	FRACTION_DIGITS: (value, props) => {
-		if (isEmpty(value)) return Valid(void 0);
-		const result = VALIDATORS.NUMBER(value, props);
-		if (!result.valid) return Invalid(DEFAULT_INVALID_MESSAGE, value);
-		if (result.result < 0 || result.result > 20) return Invalid(DEFAULT_INVALID_MESSAGE, value);
-		return Valid(result.result);
-	},
-	ICONS: () => {
-		return Invalid("Icons validation not implemented", void 0);
-	},
-	DATE: (value, props) => {
-		const dateFormat = props.dateFormat ? props.dateFormat : "YYYY-MM-DD";
-		if (value === void 0) return Invalid("Value does not match Required Data Format" + (props.dateFormat ? props.dateFormat : ""), value);
-		if (!moment(value, dateFormat).isValid()) return Invalid(DEFAULT_INVALID_MESSAGE, value);
-		return Valid(value);
-	},
-	URL_OR_BASE64: (value) => {
-		if (!value) return Invalid(DEFAULT_INVALID_MESSAGE, value);
-		if (/^data:application\/pdf;base64,[a-z0-9\!\$\&\'\,\(\)\*\+\,\;\=\-\.\_\~\:\@\/\?\%\s]*\s*$/i.test(value)) return Valid(value);
-		try {
-			const newUrl = new URL(value);
-			if (newUrl.protocol !== "https:") return Invalid("Only HTTPS protocol supported", value);
-			return Valid(newUrl.href);
-		} catch {
-			return Invalid("Provided URL / Base64 is invalid.", value);
-		}
-	},
-	URL_FOR_HYPERLINK: (value) => {
-		const dummyBaseUrl = "https://superblocks.com";
-		try {
-			if (!(new URL(dummyBaseUrl).origin === new URL(value, dummyBaseUrl).origin)) {
-				const absoluteUrl = new URL(value);
-				if (absoluteUrl.protocol === "javascript:") return Invalid(`Invalid protocol ${absoluteUrl.protocol}`, value);
-			} else if (value && value.startsWith("..")) return Invalid("Relative URLs cannot start with '..'", value);
-			return Valid(value);
-		} catch {
-			return Invalid("Provided URL is invalid.", value);
-		}
-	}
-};
-
-//#endregion
-//#region src/lib/user-facing/properties-panel/props-builder.ts
-function mergeRelations(existingRelations, relations) {
-	if (!existingRelations || existingRelations.length === 0) return relations;
-	if (!relations || relations.length === 0) return existingRelations;
-	return existingRelations && existingRelations.length > 0 ? existingRelations.flatMap((existing) => relations.map((relation) => [...existing, ...relation])) : relations;
-}
-function getChildren(input, path, entity, scopedState) {
-	function getChildrenFromSection(section) {
-		return Object.keys(section.props).reduce((acc, key) => {
-			const definition = section.props[key].setName(path + "." + key).toDefinition(entity, scopedState);
-			if (definition) acc[key] = definition;
-			return acc;
-		}, {});
-	}
-	let children;
-	if (input instanceof Section) children = getChildrenFromSection(input);
-	else if (Object.values(input).every((c) => c instanceof Section)) children = Object.values(input).reduce((acc, section) => {
-		return {
-			...acc,
-			...getChildrenFromSection(section)
-		};
-	}, {});
-	else children = Object.fromEntries(Object.entries(input).map(([key, prop]) => {
-		return [key, prop.setName(path + "." + key).toDefinition(entity, scopedState)];
-	}));
-	return children;
-}
-var Section = class Section {
-	props = {};
-	propertiesPanelConfig = {
-		showHeader: true,
-		isDefaultOpen: true
-	};
-	constructor(category) {
-		this.category = category;
-	}
-	static category(category) {
-		return new Section(category);
-	}
-	children(props) {
-		if (props instanceof CompositeProp || props instanceof RecordProp) this.props = {
-			...this.props,
-			...props.getProps()
-		};
-		else if (props instanceof UnionProp) this.props = {
-			...this.props,
-			...props.getProps()
-		};
-		else this.props = {
-			...this.props,
-			...props
-		};
-		return this;
-	}
-	add = this.children;
-	propertiesPanel(config) {
-		this.propertiesPanelConfig = {
-			...this.propertiesPanelConfig,
-			...config
-		};
-		return this;
-	}
-	get name() {
-		switch (this.category) {
-			case PropsPanelCategory.Content: return "Content";
-			case PropsPanelCategory.Routing: return "Routing";
-			case PropsPanelCategory.Interaction: return "Interaction";
-			case PropsPanelCategory.Layout: return "Layout";
-			case PropsPanelCategory.Appearance: return "Appearance";
-			case PropsPanelCategory.Permissions: return "Permissions";
-			case PropsPanelCategory.EventHandlers: return "Event handlers";
-			case PropsPanelCategory.CustomStyles: return "Custom styles";
-			case PropsPanelCategory.Uncategorized: return "Uncategorized";
-			default: return "Uncategorized";
-		}
-	}
-};
-var Prop = class Prop {
-	prop;
-	/**
-	* Relations are an array of arrays
-	* each sub-array is AND requirements, and each element is an OR requirement
-	*/
-	relations = [];
-	constructor(typeString, defaultValidator) {
-		this.prop = {
-			path: "",
-			dataType: typeString,
-			isExternallyReadable: true,
-			isExternallySettable: false,
-			validate: defaultValidator
-		};
-	}
-	static unset() {
-		return new Prop("any");
-	}
-	static string() {
-		return new Prop("string", VALIDATORS.TEXT_ALLOW_UNDEFINED);
-	}
-	static number() {
-		return new Prop("number", VALIDATORS.NUMBER_ALLOW_UNDEFINED);
-	}
-	static boolean() {
-		return new Prop("boolean", VALIDATORS.BOOLEAN_ALLOW_UNDEFINED);
-	}
-	static array() {
-		return new Prop("array", VALIDATORS.ARRAY_ALLOW_UNDEFINED);
-	}
-	static any() {
-		return new Prop("any");
-	}
-	static jsx() {
-		return new Prop("jsx");
-	}
-	static dimension() {
-		return new Prop("dimension");
-	}
-	static literal(value) {
-		switch (typeof value) {
-			case "string": return Prop.string().default(value);
-			case "number": return Prop.number().default(value);
-			case "boolean": return Prop.boolean().default(value);
-			default: {
-				const exhaustiveCheck = value;
-				throw new Error(`Invalid literal value: ${exhaustiveCheck}`);
-			}
-		}
-	}
-	static event() {
-		return new Prop("event");
-	}
-	static children() {
-		return new ChildrenProp();
-	}
-	static function(implementation) {
-		return new FunctionProp(implementation);
-	}
-	/**
-	* Creates an internal property that is not exposed in the entity's public interface,
-	* not tracked for reactivity/syncing, and not serialized. This is useful for
-	* storing implementation details like SuspensibleAPI instances that other
-	* properties can reference via `this._propertyName`.
-	*/
-	static internal(factory) {
-		return new Prop("internal").default(factory);
-	}
-	/**
-	* Creates a composite property, which is a property that contains nested properties. For example,
-	* the following composite property:
-	*
-	* ```ts
-	* const prop = Prop.composite({
-	*   name: Prop.string(),
-	*   age: Prop.number(),
-	* });
-	* ```
-	*
-	* is equivalent to the following type:
-	*
-	* ```ts
-	* type Prop = {
-	*   name: string;
-	*   age: number;
-	* };
-	* ```
-	*/
-	static composite(props) {
-		return new CompositeProp(props);
-	}
-	/**
-	* Creates a record property, which is a record that maps string keys to the nestedproperties. For example,
-	* the following record property:
-	*
-	* ```ts
-	* const prop = Prop.record({
-	*   name: Prop.string(),
-	*   age: Prop.number(),
-	* });
-	* ```
-	*
-	* is equivalent to the following type:
-	*
-	* ```ts
-	* type Prop = Record<string, {
-	*   name: string;
-	*   age: number;
-	* }>;
-	* ```
-	*/
-	static record(props) {
-		return new RecordProp(props);
-	}
-	static union(props) {
-		return new UnionProp(props.shared, props.variants);
-	}
-	readable() {
-		this.prop.isExternallyReadable = true;
-		return this;
-	}
-	writable() {
-		this.prop.isExternallySettable = true;
-		return this;
-	}
-	readAndWrite() {
-		this.prop.isExternallyReadable = true;
-		this.prop.isExternallySettable = true;
-		return this;
-	}
-	default(de) {
-		this.prop.default = de;
-		if (this.prop.propertiesPanelDisplay && this.prop.propertiesPanelDisplay.defaultValue === void 0) this.prop.propertiesPanelDisplay.defaultValue = de;
-		return this;
-	}
-	computed(computeFn) {
-		return this.default(computeFn);
-	}
-	allowNestedBindings() {
-		this.prop.nestedBindings = true;
-		throw new Error("Nested bindings are not supported yet");
-	}
-	contextual(computedArgs) {
-		this.prop.contextual = true;
-		this.prop.computedArgs = computedArgs;
-		return this;
-	}
-	validate(validateFn) {
-		this.prop.validate = validateFn;
-		return this;
-	}
-	setName(name) {
-		this.prop.path = name;
-		return this;
-	}
-	onEdit(callback) {
-		this.prop.onEditProperty = callback;
-		return this;
-	}
-	onEvaluate(callback) {
-		this.prop.onEvaluateProperty = callback;
-		return this;
-	}
-	propertiesPanel(schema) {
-		let baseControlType;
-		let isJSConvertible = true;
-		let isTriggerProperty = false;
-		let inputType;
-		switch (this.prop.dataType) {
-			case "string":
-				baseControlType = "INPUT_TEXT";
-				break;
-			case "number":
-				baseControlType = "INPUT_TEXT";
-				inputType = InputType.NUMBER;
-				break;
-			case "array":
-				baseControlType = "INPUT_TEXT";
-				break;
-			case "boolean":
-				baseControlType = "SWITCH";
-				break;
-			case "event":
-				baseControlType = "EVENT_TRIGGER";
-				isJSConvertible = false;
-				isTriggerProperty = true;
-				break;
-			case "jsx":
-			case "children":
-				baseControlType = "JSX";
-				break;
-			case "any":
-			default:
-				baseControlType = "INPUT_JS_EXPR";
-				break;
-		}
-		const propertiesPanelDisplay = {
-			controlType: baseControlType,
-			isJSConvertible,
-			isTriggerProperty,
-			defaultValue: schema.defaultValue ?? this.prop.default,
-			defaultOnAdd: this.prop.propertiesPanelDisplay?.defaultOnAdd,
-			inputType,
-			...schema
-		};
-		this.prop.propertiesPanelDisplay = propertiesPanelDisplay;
-		return this;
-	}
-	setDisplayProperty(property, value) {
-		if (!this.prop.propertiesPanelDisplay) return this;
-		this.prop.propertiesPanelDisplay[property] = value;
-		return this;
-	}
-	docs(docs) {
-		this.prop.docs = docs;
-		return this;
-	}
-	/**
-	* Sets a custom type hint for documentation generation.
-	* This will override the auto-generated type in generated docs.
-	*
-	* @param typeHint The TypeScript type string to display in documentation
-	* @example .typeHint("CSSProperties")
-	* @example .typeHint("Record<string, { color: string; backgroundColor?: string }>")
-	*/
-	typeHint(typeHint) {
-		this.prop.typeHint = typeHint;
-		return this;
-	}
-	build() {
-		return this.prop;
-	}
-	toDefinition(entity, scopedState) {
-		const evaluatedProperties = Object.entries(this.prop.propertiesPanelDisplay ?? {}).reduce((acc, [key, value]) => {
-			if (typeof value === "function") try {
-				acc[key] = value.bind(entity)(scopedState, this.prop.path);
-			} catch (e) {
-				console.error(`Error evaluating property ${key}, for type ${entity?.type}:`, e);
-			}
-			return acc;
-		}, {});
-		if (evaluatedProperties.isVisible === false) return;
-		const propertiesPanelDisplay = {
-			...this.prop.propertiesPanelDisplay,
-			...evaluatedProperties
-		};
-		if ("treatDefaultAsNull" in propertiesPanelDisplay) {
-			if (propertiesPanelDisplay.treatDefaultAsNull) {
-				if (propertiesPanelDisplay.defaultOnAdd === void 0) propertiesPanelDisplay.defaultOnAdd = propertiesPanelDisplay.defaultValue;
-				propertiesPanelDisplay.defaultValue = void 0;
-			}
-		}
-		let panelConfig;
-		const childrenDisplay = propertiesPanelDisplay?.childrenDisplayMode;
-		if (childrenDisplay?.type === "popover") {
-			if (!(this instanceof CompositeProp || this instanceof RecordProp)) {
-				console.error(this);
-				throw new Error("Only composite properties can be used in popover properties at the moment");
-			}
-			const content = this.getProps();
-			const { type,...rest } = childrenDisplay;
-			let contentDef;
-			if (content instanceof Section) contentDef = { content };
-			else if (Object.values(content).every((c) => c instanceof Section)) contentDef = content;
-			else contentDef = { content: Section.category(PropsPanelCategory.Content).propertiesPanel({ showHeader: false }).children(content) };
-			panelConfig = {
-				...createPropertiesPanelDefinition(contentDef, entity, scopedState),
-				...rest
-			};
-		}
-		if (this.prop.computedArgs) propertiesPanelDisplay.computedArgs = typeof this.prop.computedArgs === "function" ? this.prop.computedArgs(entity) : this.prop.computedArgs;
-		const propertiesPanelDisplayWithPanelConfig = {
-			...propertiesPanelDisplay,
-			...panelConfig && { panelConfig }
-		};
-		return {
-			path: this.prop.path,
-			dataType: this.prop.dataType,
-			relations: this.relations,
-			propertiesPanelDisplay: propertiesPanelDisplayWithPanelConfig
-		};
-	}
-	getRelations() {
-		return this.relations;
-	}
-	dependsOn(relations) {
-		this.relations = relations;
-		return this;
-	}
-	hasPropertiesPanelDisplay() {
-		return this.prop.propertiesPanelDisplay !== void 0;
-	}
-	get type() {
-		return this.prop.dataType;
-	}
-	get path() {
-		return this.prop.path;
-	}
-	get onEditProperty() {
-		return this.prop.onEditProperty;
-	}
-	get onEvaluateProperty() {
-		return this.prop.onEvaluateProperty;
-	}
-};
-/**
-* See {@link Prop.composite}
-*/
-var CompositeProp = class extends Prop {
-	typeString = "composite";
-	nestedProps;
-	constructor(props) {
-		super("composite");
-		this.nestedProps = props;
-	}
-	getProps() {
-		return this.nestedProps;
-	}
-	toDefinition(entity, scopedState) {
-		const definition = super.toDefinition(entity, scopedState);
-		if (!definition) return;
-		return {
-			...definition,
-			children: getChildren(this.nestedProps, this.prop.path, entity, scopedState)
-		};
-	}
-	propertiesPanelChildrenDisplayMode() {
-		return this.prop.propertiesPanelDisplay?.childrenDisplayMode;
-	}
-	typeHint(typeHint) {
-		this.prop.typeHint = typeHint;
-		return this;
-	}
-};
-/**
-* See {@link Prop.record}
-*/
-var RecordProp = class extends Prop {
-	typeString = "recordOf";
-	nestedProps;
-	constructor(props) {
-		super("recordOf");
-		this.nestedProps = props;
-	}
-	getProps() {
-		return this.nestedProps;
-	}
-	toDefinition(entity, scopedState) {
-		const definition = super.toDefinition(entity, scopedState);
-		if (!definition) return;
-		return {
-			...definition,
-			children: getChildren(this.nestedProps, this.prop.path, entity, scopedState)
-		};
-	}
-	typeHint(typeHint) {
-		this.prop.typeHint = typeHint;
-		return this;
-	}
-};
-var ChildrenProp = class extends Prop {
-	typeString = "children";
-	constructor() {
-		super("children");
-	}
-};
-var FunctionProp = class extends Prop {
-	typeString = "function";
-	_actionPanel;
-	constructor(implementation) {
-		super("function");
-		this.default(implementation);
-	}
-	actionPanel(panel) {
-		this._actionPanel = panel || {};
-		return this;
-	}
-	getActionPanel() {
-		return this._actionPanel;
-	}
-	hasActionPanel() {
-		return !!this._actionPanel;
-	}
-};
-var UnionProp = class extends Prop {
-	typeString = "union";
-	shared;
-	variants;
-	constructor(shared, variants) {
-		super("any");
-		this.shared = shared;
-		this.variants = variants;
-	}
-	getProps() {
-		const sharedKeys = Object.keys(this.shared);
-		const variants = this.variants;
-		const preMergeRelationsMap = variants.reduce((acc, v) => {
-			Object.entries(v).forEach(([key, prop]) => {
-				const existingRelations = acc[key] ?? [];
-				const newRelations = prop.getRelations() ?? [];
-				acc[key] = [...existingRelations, ...newRelations];
-			});
-			return acc;
-		}, {});
-		const mergedVariants = variants.reduce((acc, v) => {
-			const relations = Object.entries(v).filter(([key]) => sharedKeys.includes(key)).map(([key, prop]) => {
-				return {
-					key,
-					value: prop.build().default
-				};
-			});
-			const filteredVariant = Object.fromEntries(Object.entries(v).filter(([key]) => !sharedKeys.includes(key)).map(([key, prop]) => {
-				const existingRelations = prop?.getRelations() ?? [];
-				const preMergeRelations = preMergeRelationsMap[key];
-				const existingNonPreMergeRelations = existingRelations.filter((r) => !preMergeRelations.some((p) => p === r));
-				const newProp = prop.dependsOn([...existingNonPreMergeRelations, ...mergeRelations(preMergeRelations, [relations])]);
-				if (acc[key]) {
-					const existingPropRelations = acc[key].getRelations() ?? [];
-					const newPropRelations = newProp.getRelations() ?? [];
-					const seenHashes = /* @__PURE__ */ new Set();
-					const uniqueRelations = [...existingPropRelations, ...newPropRelations].filter((relationGroup) => {
-						const hash = relationGroup.map((r) => `${r.key}:${String(r.value)}`).sort().join("|");
-						if (seenHashes.has(hash)) return false;
-						seenHashes.add(hash);
-						return true;
-					});
-					return [key, acc[key].dependsOn(uniqueRelations)];
-				}
-				return [key, newProp];
-			}));
-			return {
-				...acc,
-				...filteredVariant
-			};
-		}, {});
-		return {
-			...this.shared,
-			...mergedVariants
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/user-facing/properties-panel/create-managed-props-list.ts
-const RECORD_PATH_IDENTIFIER = "*";
-function buildCompositeDefault(prop, name, parentDefault) {
-	const defaultThroughParent = parentDefault?.[name];
-	const selfDefault = prop.build().default;
-	let propDefault = defaultThroughParent ?? selfDefault;
-	if (!propDefault && typeof parentDefault === "function") propDefault = function getNestedDefault(s) {
-		return parentDefault.call(this, s)?.[name];
-	};
-	return propDefault;
-}
-function buildPropLeafDefault(prop, name, parentDefault) {
-	const defaultThroughParent = parentDefault?.[name];
-	let propDefault = prop.build().default ?? defaultThroughParent;
-	if (!propDefault && typeof parentDefault === "function") propDefault = function getNestedDefault(s) {
-		return parentDefault.call(this, s)?.[name];
-	};
-	return propDefault;
-}
-/**
-* Core traversal function that walks through all properties in sections
-* and calls the provided callback for each leaf property.
-*/
-function traverseProps(sections, onProp, parentPath = "") {
-	const processProps = ({ sectionName, props, parentPath: parentPath$1, parentDefault }) => {
-		for (const [name, prop] of Object.entries(props)) {
-			const fullPath = parentPath$1 ? `${parentPath$1}.${name}` : name;
-			if (prop instanceof CompositeProp) {
-				const compositeDefault = buildCompositeDefault(prop, name, parentDefault);
-				processProps({
-					sectionName,
-					props: prop.nestedProps,
-					parentPath: fullPath,
-					parentDefault: compositeDefault
-				});
-			} else if (prop instanceof RecordProp) {
-				const recordPath = `${fullPath}.${RECORD_PATH_IDENTIFIER}`;
-				processProps({
-					sectionName,
-					props: prop.nestedProps,
-					parentPath: recordPath,
-					parentDefault: prop.build().default
-				});
-			} else if (prop instanceof Section) processProps({
-				sectionName,
-				props: prop.props,
-				parentPath: parentPath$1
-			});
-			else if (prop instanceof UnionProp) {
-				const sharedKeys = Object.keys(prop.shared);
-				processProps({
-					sectionName,
-					props: prop.shared,
-					parentPath: fullPath
-				});
-				for (const variant of prop.variants) processProps({
-					sectionName,
-					props: Object.fromEntries(Object.entries(variant).filter(([key]) => !sharedKeys.includes(key))),
-					parentPath: fullPath
-				});
-			} else if (prop instanceof Prop) onProp(prop, fullPath, name, parentDefault, sectionName);
-			else console.warn("Invalid prop type", {
-				name,
-				prop
-			});
-		}
-	};
-	for (const [sectionName, section] of Object.entries(sections)) processProps({
-		sectionName,
-		props: section.props,
-		parentPath,
-		parentDefault: void 0
-	});
-}
-function createInternalPropsList(sections, parentPath = "") {
-	const internalPropsList = [];
-	traverseProps(sections, (prop, fullPath) => {
-		const builtProp = prop.setName(fullPath).build();
-		if (builtProp.dataType === "internal" && builtProp.default) internalPropsList.push({
-			path: fullPath,
-			factory: builtProp.default
-		});
-	}, parentPath);
-	return internalPropsList;
-}
-function createManagedPropsList(sections, parentPath = "") {
-	const managedPropsList = [];
-	traverseProps(sections, (prop, fullPath, name, parentDefault, sectionName) => {
-		let configuredProp = prop.setName(fullPath);
-		const propDefault = buildPropLeafDefault(prop, name, parentDefault);
-		if (propDefault !== void 0) configuredProp = configuredProp.default(propDefault);
-		const builtProp = configuredProp.build();
-		if (builtProp.dataType === "internal") return;
-		managedPropsList.push({
-			...builtProp,
-			...sectionName === "meta" ? { isMetaProp: true } : {},
-			...builtProp.dataType === "function" ? {
-				isFunctionProp: true,
-				hasActionPanel: !!prop.getActionPanel()
-			} : {}
-		});
-	}, parentPath);
-	return managedPropsList;
-}
-
-//#endregion
-//#region src/lib/utils/fast-clone.ts
-const fastClone = clone({});
-
-//#endregion
-//#region src/lib/internal-details/lib/devtools/index.tsx
-let internalStores = {};
-const SUPPORTED_MODES = ["local-dev"];
-function registerStores(stores) {
-	internalStores = {
-		...internalStores,
-		...stores
-	};
-	if (SUPPORTED_MODES.includes("production")) {
-		if (Object.keys(internalStores).length === Object.keys(stores).length) import("./devtools-consolidated-BJ2tPWBk.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
-			setRegisteredStores(internalStores);
-			initializeCustomDevTools();
-		}).catch((error) => {
-			console.warn("[DevTools] Failed to initialize custom devtools:", error);
-		});
-	}
-}
-const DevToolsInternal = React.lazy(() => {
-	return import("./devtools-consolidated-BJ2tPWBk.js").then((module) => ({ default: module.CustomDevTools }));
-});
-const DevTools = () => {
-	if (!SUPPORTED_MODES.includes("production")) return null;
-	return /* @__PURE__ */ jsx(Suspense, {
-		fallback: null,
-		children: /* @__PURE__ */ jsx(DevToolsInternal, {})
-	});
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/create-global-object.ts
-const ARGS_VAR_NAME = "$SB_args";
-const USER_JS_CODE_VAR_NAME = "$SB_userJSCode";
-const SNAPSHOT_VAR_NAME = "$SB_snapshot";
-const globalNamesToIgnore = new Set([
-	ARGS_VAR_NAME,
-	USER_JS_CODE_VAR_NAME,
-	SNAPSHOT_VAR_NAME
-]);
-function globalProxyHasTrap(_target, name) {
-	return !globalNamesToIgnore.has(name);
-}
-function rejectModify() {
-	throw new TypeError("Cannot modify read-only object");
-}
-function rejectGlobalAssignment() {
-	throw new ReferenceError("Global assignments are not allowed");
-}
-const extraLibraries = {
-	_,
-	moment,
-	Dim
-};
-const globalsRelyingOnWorkerGlobalScope = new Set([
-	"atob",
-	"btoa",
-	"createImageBitmap",
-	"queueMicrotask",
-	"reportError",
-	"structuredClone"
-]);
-function createGlobalObject({ snapshot }) {
-	return new Proxy({}, {
-		set: rejectGlobalAssignment,
-		defineProperty: rejectModify,
-		setPrototypeOf: rejectModify,
-		has: globalProxyHasTrap,
-		get(_target, name) {
-			if (name === Symbol.unscopables) return;
-			const lib = extraLibraries[name];
-			if (lib) return lib;
-			if (name in globalThis) {
-				if (globalsRelyingOnWorkerGlobalScope.has(name)) return globalThis[name].bind(globalThis);
-				return globalThis[name];
-			}
-			return snapshot[name];
-		}
-	});
-}
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/pretty-print-function.ts
-const prettyPrintFunction = (func, args, fnName) => {
-	let funcStr;
-	try {
-		funcStr = func.toString().replace(/\s+/g, " ").trim();
-	} catch {
-		funcStr = "[Function]";
-	}
-	let argsStr;
-	try {
-		argsStr = args.map((arg) => {
-			try {
-				return typeof arg === "string" ? `"${arg.replace(/\n/g, "\\n").replace(/"/g, "\\\"")}"` : String(arg).replace(/\s+/g, " ").trim();
-			} catch {
-				return String(arg);
-			}
-		}).join(", ");
-	} catch {
-		argsStr = "[Arguments]";
-	}
-	return `${fnName}: ${funcStr}(${argsStr})`;
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/compute-engines.ts
-var EvalComputeEngine = class {
-	statementFunction = new Function(SNAPSHOT_VAR_NAME, ARGS_VAR_NAME, USER_JS_CODE_VAR_NAME, `with (${SNAPSHOT_VAR_NAME}) {
-        return (() => {
-            "use strict";
-            return eval("(" + ${USER_JS_CODE_VAR_NAME} + ")").call(this, ${SNAPSHOT_VAR_NAME}, ...${ARGS_VAR_NAME});
-        })()
-    }`);
-	statementFunctionNoSnapshot = new Function(ARGS_VAR_NAME, USER_JS_CODE_VAR_NAME, `return (() => {
-            "use strict";
-            return eval("(" + ${USER_JS_CODE_VAR_NAME} + ")").call(this, ...${ARGS_VAR_NAME});
-        })()`);
-	compute({ snapshot, entityName, func, args, path, excludeState }) {
-		try {
-			if (excludeState) return this.statementFunctionNoSnapshot.call(snapshot[entityName.value], args || [], func.toString());
-			const globalScope = createGlobalObject({ snapshot });
-			return this.statementFunction.call(snapshot[entityName.value], globalScope, args || [], func.toString());
-		} catch (error) {
-			if (error instanceof Promise) throw error;
-			console.log(`Error in eval(${entityName.value}.${path})`, {
-				error,
-				func: prettyPrintFunction(func, args || [], entityName.value + "." + path)
-			});
-			return;
-		}
-	}
-};
-var DirectComputeEngine = class {
-	compute({ snapshot, entityName, func, args, path, excludeState }) {
-		if (!func) return void 0;
-		try {
-			const entity = snapshot[entityName.value];
-			if (!entity) return void 0;
-			const funcArgs = args || [];
-			if (excludeState) return func.call(entity, ...funcArgs);
-			return func.call(entity, snapshot, ...funcArgs);
-		} catch (error) {
-			if (error instanceof Promise) throw error;
-			console.log(`Error in direct(${entityName.value}.${path})`, {
-				error,
-				func: prettyPrintFunction(func, args || [], entityName.value + "." + path)
-			});
-			return;
-		}
-	}
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/sanitize-object.ts
-const objectFallbackCache = /* @__PURE__ */ new WeakMap();
-function sanitizeObject(obj) {
-	if (!objectFallbackCache.has(obj)) objectFallbackCache.set(obj, {});
-	const fallbackCache = objectFallbackCache.get(obj);
-	return new Proxy(obj, { get(target, prop) {
-		try {
-			const value = target[prop];
-			if (typeof prop === "string") fallbackCache[prop] = value;
-			return value;
-		} catch (error) {
-			if (error instanceof Promise) return typeof prop === "string" ? fallbackCache[prop] : void 0;
-			throw error;
-		}
-	} });
-}
-function sanitizeEntity(entity) {
-	return sanitizeObject(entity);
-}
-function sanitizeScopedState(state) {
-	return new Proxy(state, { get(target, prop) {
-		const value = target[prop];
-		if (value && typeof value === "object" && "type" in value) return sanitizeObject(value);
-		return value;
-	} });
-}
-function sanitizedToJS(value) {
-	if (value === null || value === void 0 || typeof value !== "object") return toJS(value);
-	return toJS(sanitizeObject(value));
-}
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/create-scope-proxy.ts
-function createScopeProxy(scopes, useSuspense = false) {
-	return new Proxy({}, {
-		get: function(_target, prop, _receiver) {
-			for (const scope of scopes) {
-				if (typeof prop === "symbol") return;
-				if (prop in scope.entities) return !useSuspense ? sanitizeEntity(scope.entities[prop]) : scope.entities[prop];
-				if (scope !== scopes[0] && scope.name === prop) return !useSuspense ? sanitizeScopedState(scope.entities) : scope.entities;
-			}
-		},
-		ownKeys: function(_target) {
-			const keys = /* @__PURE__ */ new Set();
-			for (const scope of scopes) {
-				for (const key of Reflect.ownKeys(scope.entities)) keys.add(key);
-				if (scope.name) keys.add(scope.name);
-			}
-			return Array.from(keys);
-		},
-		has: function(_target, prop) {
-			for (const scope of scopes) {
-				if (typeof prop === "symbol") return false;
-				if (scope !== scopes[0] && scope.name === prop || prop in scope.entities) return true;
-			}
-			return false;
-		},
-		set: function(_target, _prop, _value, _receiver) {
-			throw new Error("Cannot set state directly");
-		}
-	});
-}
-
-//#endregion
-//#region src/lib/user-facing/event-flow.ts
-var EventFlow = class EventFlow {
-	steps = [];
-	constructor() {}
-	addStep(step) {
-		this.steps.push({
-			...step,
-			id: nameGenerator()
-		});
-		return this;
-	}
-	static start() {
-		return new EventFlow();
-	}
-	static runJS(handler) {
-		return EventFlow.start().runJS(handler);
-	}
-	runJS(handler) {
-		return this.addStep(registry_default.runJs.create(handler));
-	}
-	static navigateTo(url, opts) {
-		return EventFlow.start().navigateTo(url, opts);
-	}
-	navigateTo(url, opts) {
-		return this.addStep(registry_default.navigateTo.create(url, opts));
-	}
-	static navigateToApp(appId) {
-		return EventFlow.start().navigateToApp(appId);
-	}
-	navigateToApp(appId) {
-		return this.addStep(registry_default.navigateToApp.create(appId));
-	}
-	static navigateToRoute(route) {
-		return EventFlow.start().navigateToRoute(route);
-	}
-	navigateToRoute(route) {
-		return this.addStep(registry_default.navigateToRoute.create(route));
-	}
-	static setQueryParams(params, opts) {
-		return EventFlow.start().setQueryParams(params, opts);
-	}
-	setQueryParams(params, opts) {
-		return this.addStep(registry_default.setQueryParams.create(params, opts));
-	}
-	static controlSlideout(slideout, opts) {
-		return EventFlow.start().controlSlideout(slideout, opts);
-	}
-	controlSlideout(slideout, opts) {
-		return this.addStep(registry_default.controlSlideout.create(slideout, opts));
-	}
-	static controlModal(modal, opts) {
-		return EventFlow.start().controlModal(modal, opts);
-	}
-	controlModal(modal, opts) {
-		return this.addStep(registry_default.controlModal.create(modal, opts));
-	}
-	static controlTimer(stateTimer, opts) {
-		return EventFlow.start().controlTimer(stateTimer, opts);
-	}
-	controlTimer(stateTimer, opts) {
-		return this.addStep(registry_default.controlTimer.create(stateTimer, opts));
-	}
-	static runApis(apis, opts) {
-		return EventFlow.start().runApis(apis, opts);
-	}
-	runApis(apis, opts) {
-		return this.addStep(registry_default.executeApi.create(apis, opts));
-	}
-	static cancelApis(apis, onCancel) {
-		return EventFlow.start().cancelApis(apis, onCancel);
-	}
-	cancelApis(apis, onCancel) {
-		return this.addStep(registry_default.cancelApi.create(apis, onCancel));
-	}
-	static resetComponent(component, opts) {
-		return EventFlow.start().resetComponent(component, opts);
-	}
-	resetComponent(component, opts) {
-		return this.addStep(registry_default.resetComponent.create(component, opts));
-	}
-	static resetStateVar(state) {
-		return EventFlow.start().resetStateVar(state);
-	}
-	resetStateVar(state) {
-		return this.addStep(registry_default.resetStateVar.create(state));
-	}
-	static setStateVar(stateVarName, opts) {
-		return EventFlow.start().setStateVar(stateVarName, opts);
-	}
-	setStateVar(stateVar, opts) {
-		return this.addStep(registry_default.setStateVar.create(stateVar, opts));
-	}
-	callFunction(component) {
-		return this.addStep(registry_default.callFunction.create(component));
-	}
-	static callFunction(component) {
-		return EventFlow.start().callFunction(component);
-	}
-	static setComponentProperty(component, opts) {
-		return EventFlow.start().setComponentProperty(component, opts);
-	}
-	setComponentProperty(component, opts) {
-		return this.addStep(registry_default.setComponentProperty.create(component, opts));
-	}
-	static showAlert(message, opts) {
-		return EventFlow.start().showAlert(message, opts);
-	}
-	showAlert(_message, _opts) {
-		return this;
-	}
-	static setProfile(profileId, opts) {
-		return EventFlow.start().setProfile(profileId, opts);
-	}
-	setProfile(profileId, opts) {
-		return this.addStep(registry_default.setProfile.create(profileId, opts));
-	}
-	static triggerEvent(eventName, opts) {
-		return EventFlow.start().triggerEvent(eventName, opts);
-	}
-	triggerEvent(eventName, opts) {
-		return this.addStep(registry_default.triggerEvent.create(eventName, opts));
-	}
-	static sequence(eventFlows) {
-		return EventFlow.start().sequence(eventFlows);
-	}
-	sequence(eventFlows) {
-		this.steps = [...this.steps, ...eventFlows.flatMap((eventFlow) => eventFlow.build())];
-		return this;
-	}
-	build() {
-		return this.steps;
-	}
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/binding-strings/transform-bindings.ts
-const transformBindings = (value) => {
-	const body = stringToJS(value.value);
-	return new Function(`return ${body}`);
-};
-const toEvalFunc = ([prop, binding]) => {
-	return [prop, transformBindings(binding)];
-};
-const stringToJS = (string) => {
-	if (string === void 0 || string === "") return "''";
-	const { stringSegments, jsSnippets } = getDynamicBindings(string);
-	const shouldWrapInParentheses = jsSnippets.length > 1;
-	return stringSegments.map((segment, index) => {
-		if (jsSnippets[index] && jsSnippets[index].length > 0) return shouldWrapInParentheses ? `(${jsSnippets[index]})` : jsSnippets[index];
-		else {
-			const escaped = segment.replaceAll("\\", "\\\\").replaceAll(`\n`, `\\n`);
-			if (segment.includes("'")) return `"${escaped.replaceAll(`"`, "\\\\\"")}"`;
-			else return `'${escaped}'`;
-		}
-	}).join(" + ");
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/lazy-function.ts
-const lazyFunctionSymbol = Symbol("lazy-function");
-const isLazyFunction = (value) => {
-	return typeof value === "function" && value[lazyFunctionSymbol];
-};
-const LazyFunction = (source, args = []) => {
-	const argsObj = getComputedArgsString(args);
-	const func = new Function(argsObj, source);
-	func[lazyFunctionSymbol] = true;
-	return func;
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/to-executables-or-values.ts
-const isFunctionProp = (value) => {
-	return typeof value === "function" && !isLazyFunction(value);
-};
-const isDerivedProp = (value) => {
-	return isBindingString(value);
-};
-const isEventFlow = (value) => {
-	return value instanceof EventFlow;
-};
-const isComputedProp$1 = (value) => {
-	return isComputedProperty(value);
-};
-const isNestedInputProp = (value) => {
-	return typeof value === "object" && value !== null && !Array.isArray(value) && !isFunctionProp(value) && !isDerivedProp(value) && !isEventFlow(value) && !isDimension(value) && !isComputedProp$1(value) && !isLazyFunction(value);
-};
-const toExecutablesOrValues = (props, propsSchema) => {
-	const parentSchema = (propsSchema?.length ?? 0) > 0 ? getParentsSchema(propsSchema) : void 0;
-	const toExecutablesOrValuesInternal = (props$1, basePath = "", inRecordProp = false) => {
-		if (!isNestedInputProp(props$1)) return [[basePath, toExecutableOrValue(basePath, props$1)]];
-		const items = [];
-		Object.entries(props$1).forEach(([prop, value]) => {
-			const path = basePath === "" ? prop : `${basePath}.${prop}`;
-			const itemSchema = propsSchema?.find((schema) => {
-				if (schema.path === path) return true;
-				if (inRecordProp) {
-					const recordKey = getRecordKey(path);
-					if (recordKey) return schema.path === recordKey;
-				}
-				return false;
-			});
-			const isFunction = itemSchema?.dataType === "function" || itemSchema?.dataType === "event";
-			if (isNestedInputProp(value) && shouldTraverseNestedProp(path, propsSchema, parentSchema)) items.push(...toExecutablesOrValuesInternal(value, path, true));
-			else items.push([path, toExecutableOrValue(path, value, isFunction)]);
-		});
-		return items;
-	};
-	return toExecutablesOrValuesInternal(props);
-};
-const toExecutableOrValue = (path, value, isAnExternalFunction = false) => {
-	if (isAnExternalFunction) if (isEventFlow(value)) return {
-		value,
-		type: "event"
-	};
-	else return {
-		value,
-		type: "external-function"
-	};
-	else if (isFunctionProp(value)) return {
-		value,
-		type: "function"
-	};
-	else if (isDerivedProp(value)) return {
-		value: toEvalFunc([path, value])[1],
-		type: "mustache-bindings"
-	};
-	else if (isComputedProp$1(value)) return {
-		value: value.value,
-		type: "normal"
-	};
-	else if (isLazyFunction(value)) return {
-		value,
-		type: "lazy-function"
-	};
-	return {
-		value,
-		type: "normal"
-	};
-};
-const shouldTraverseNestedProp = (path, propsSchema, managedPropsList) => {
-	if (managedPropsList === void 0) return true;
-	const pathSegments = path.split(".");
-	const shouldTraverse = managedPropsList.map((prop) => {
-		return prop.path.split(".").slice(0, pathSegments.length);
-	}).some((prop) => {
-		if (prop.length !== pathSegments.length) return false;
-		return prop.every((segment, index) => {
-			if (segment === RECORD_PATH_IDENTIFIER) return true;
-			return segment === pathSegments[index];
-		});
-	});
-	if (!shouldTraverse && propsSchema) {
-		if (propsSchema.some((prop) => prop.path.startsWith(`${path}.${RECORD_PATH_IDENTIFIER}`))) return true;
-	}
-	return shouldTraverse;
-};
-const getParentsSchema = (propsSchema) => propsSchema?.map((prop) => prop.path.split(".").slice(0, -1).join(".")).map((parentPath) => ({ path: parentPath })).filter((prop) => prop.path !== "");
-const getRecordKey = (path) => {
-	const [parentKey, _maybeTheRecordKey, ...rest] = path.split(".");
-	if (rest.length == 0) return;
-	return [
-		parentKey,
-		RECORD_PATH_IDENTIFIER,
-		rest.join(".")
-	].join(".");
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/entity-manager.ts
-const GLOBAL_SCOPE_ID = "Global";
-const PROTECTED_KEYS = new Set([
-	"type",
-	"isAnonymous",
-	"scopeId",
-	"name"
-]);
-const isNestedPath = (path) => path.includes(".");
-const buildEntityScope = (id, name) => ({
-	id,
-	name,
-	entities: {},
-	entityMeta: {},
-	childScopes: /* @__PURE__ */ new Set(),
-	idToName: {},
-	getEntity(name$1, options) {
-		const entity = this.entities[name$1.value];
-		if (!(options?.useSuspense ?? false) && entity) return sanitizeEntity(entity);
-		return entity;
-	},
-	getEntityMeta(name$1, options) {
-		const entityMeta = this.entityMeta[name$1.value];
-		if (!(options?.useSuspense ?? false) && entityMeta) return sanitizeEntity(entityMeta);
-		return entityMeta;
-	},
-	getEntityName(id$1) {
-		return this.idToName[id$1];
-	},
-	setEntityName(id$1, name$1, currentName) {
-		this.idToName[id$1] = name$1;
-		if (currentName) {
-			const entity = this.entities[currentName.value];
-			delete this.entities[currentName.value];
-			this.entities[name$1.value] = entity;
-			const entityMeta = this.entityMeta[currentName.value];
-			delete this.entityMeta[currentName.value];
-			this.entityMeta[name$1.value] = entityMeta;
-			entity.name = name$1.value;
-			entity.isAnonymous = name$1.isAnonymous;
-		}
-	}
-});
-var EntityManager = class {
-	state;
-	allScopes = {};
-	atoms = {};
-	validationCache = {};
-	dirComputeEngine;
-	evalComputeEngine;
-	constructor(componentRegistry, options) {
-		this.componentRegistry = componentRegistry;
-		this.state = observable(buildEntityScope(GLOBAL_SCOPE_ID));
-		this.allScopes = observable({ [GLOBAL_SCOPE_ID]: this.state }, void 0);
-		this.validationCache = observable({});
-		this.dirComputeEngine = new DirectComputeEngine();
-		this.evalComputeEngine = new EvalComputeEngine();
-		makeObservable(this, {
-			createScope: action,
-			deleteScope: action,
-			setValidationState: action,
-			getFullState: computed,
-			getValidationState: computed,
-			createEntity: action,
-			updateEntity: action,
-			deleteEntity: action,
-			resetEntity: action,
-			renameEntity: action,
-			runCode: action,
-			computeValue: action
-		});
-		if (options?.devtools) registerStores({ Entities: this.state });
-	}
-	getEntity(scopeId, name, options) {
-		return this.getState(scopeId, options)[name.value];
-	}
-	getEntityById(scopeId, id, options) {
-		const scope = this.getScope(scopeId);
-		const name = scope.getEntityName(id);
-		return name ? scope.getEntity(name, options) : void 0;
-	}
-	getState(scopeId, options) {
-		const scope = this.getScope(scopeId);
-		const useSuspense = options?.useSuspense ?? false;
-		if (options?.includeParentScopes ?? false) return createScopeProxy(this.getAccessibleScopes(scopeId), useSuspense);
-		return createScopeProxy([scope], useSuspense);
-	}
-	getScopeName(scopeId) {
-		return this.getScope(scopeId).name ?? "";
-	}
-	setValidationState(entityId, property, state) {
-		this.validationCache[`${entityId}-${property}`] = state;
-	}
-	get getValidationState() {
-		return this.validationCache;
-	}
-	get getFullState() {
-		const entities = {};
-		const processScope = (scope) => {
-			for (const name of Object.keys(scope.entities)) {
-				const entity = this.getEntity(scope.id, getName(name));
-				const id = entity[SOURCE_ID_ATTRIBUTE];
-				const isNameBasedEntity = entity.type === SbEntityType.VARIABLE || entity.type === SbEntityType.API || entity.type === SbEntityType.TIMER || entity.type === "global" || entity.type === "theme";
-				if (!id && !isNameBasedEntity) console.warn(`Entity has no source id. Type: ${entity?.type}`);
-				if (isNameBasedEntity) entities[name] = entity;
-				else entities[id] = entity;
-			}
-			for (const childScopeId of scope.childScopes) processScope(this.getScope(childScopeId));
-		};
-		processScope(this.state);
-		return entities;
-	}
-	getAccessibleScopes(scopeId) {
-		const path = [];
-		let currentScope = this.state;
-		const isDescendant = (scope, scopeId$1) => {
-			if (scope.id === scopeId$1) return true;
-			return Array.from(scope.childScopes).some((childScopeId) => {
-				return isDescendant(this.getScope(childScopeId), scopeId$1);
-			});
-		};
-		while (currentScope) {
-			path.unshift(currentScope);
-			if (currentScope.id === scopeId) break;
-			currentScope = Array.from(currentScope.childScopes).map((childScopeId) => this.getScope(childScopeId)).find((childScope) => childScope.id === scopeId || isDescendant(childScope, scopeId));
-		}
-		if (!currentScope) throw new Error(`Scope with id ${scopeId} not found`);
-		return path;
-	}
-	getScope(scopeId) {
-		const scope = this.allScopes[scopeId];
-		if (!scope) throw new Error(`Scope with id ${scopeId} not found`);
-		return scope;
-	}
-	getPossibleScope(scopeId) {
-		try {
-			return this.getScope(scopeId);
-		} catch (_e) {
-			return;
-		}
-	}
-	createScope(params) {
-		const { name, parentScopeId } = params;
-		const scopeId = params.scopeId ?? nameGenerator();
-		if (this.getPossibleScope(scopeId)) return scopeId;
-		const parentScope = parentScopeId ? this.getScope(parentScopeId) : this.state;
-		const newScope = buildEntityScope(scopeId, name);
-		parentScope.childScopes.add(scopeId);
-		this.allScopes[scopeId] = newScope;
-		return scopeId;
-	}
-	deleteScope(params) {
-		const { scopeId } = params;
-		const scopes = this.getAccessibleScopes(scopeId);
-		if (scopes.length > 1) {
-			delete this.allScopes[scopeId];
-			scopes[1].childScopes.delete(scopeId);
-			delete this.atoms[scopeId];
-		} else throw new Error(`Cannot delete root scope`);
-	}
-	createEntity(params) {
-		const { scopeId, name, props, type, instanceId } = params;
-		this.createEntityStructure(scopeId, name, props, type, instanceId);
-		return name;
-	}
-	createEntityStructure(scopeId, name, props, type, instanceId) {
-		const scope = this.getScope(scopeId);
-		scope.entities[name.value] = {
-			type,
-			isAnonymous: name.isAnonymous,
-			scopeId,
-			name: name.value
-		};
-		scope.entityMeta[name.value] = { type };
-		if (instanceId) scope.idToName[instanceId] = name;
-		else if (!instanceId && type === SbEntityType.API) scope.idToName[name.value] = name;
-		const managedPropsForType = this.componentRegistry.getManagedProps(type);
-		if (managedPropsForType.length === 0) console.log(`ALERT: No managed properties found for type ${type},
-        this means the entire item will have leaf properties (more expensive)`);
-		const internalProps = this.componentRegistry.getInternalProps(type);
-		for (const internalProp of internalProps) this.addInternalProperty(scopeId, name, internalProp);
-		const functionalProps = toExecutablesOrValues(props, managedPropsForType);
-		const addedProperties = /* @__PURE__ */ new Set();
-		for (const [prop, value] of functionalProps) {
-			this.addProperty(scopeId, name, prop, value);
-			addedProperties.add(prop);
-		}
-		this.addMissingProps(managedPropsForType, addedProperties, scopeId, name);
-	}
-	addInternalProperty(scopeId, name, internalProp) {
-		const entity = this.getScope(scopeId).getEntity(name);
-		const { path, factory } = internalProp;
-		const instance = factory.call(entity);
-		Object.defineProperty(entity, path, {
-			value: instance,
-			writable: false,
-			enumerable: false,
-			configurable: false
-		});
-	}
-	addProperty(scopeId, name, prop, eov) {
-		if (prop.split(".").includes(RECORD_PATH_IDENTIFIER)) return;
-		const entity = this.getScope(scopeId).getEntity(name);
-		const entityMeta = this.getScope(scopeId).getEntityMeta(name);
-		const pathSegments = prop.split(".");
-		const isNested = pathSegments.length > 1;
-		const finalSegment = pathSegments.pop() || "";
-		const parentSegments = isNested ? pathSegments : [];
-		let propParent = entity;
-		if (isNested) {
-			let metaParent = entityMeta;
-			for (const segment of parentSegments) {
-				if (!(segment in propParent)) {
-					propParent[segment] = {};
-					metaParent[segment] = {};
-				}
-				propParent = propParent[segment];
-				metaParent = metaParent[segment];
-			}
-		}
-		const getMetaParent = () => isNested ? get(entityMeta, parentSegments) : entityMeta;
-		const snapshot = this.getState.bind(this);
-		const isComputed = typeof eov.value === "function" && eov.type !== "function";
-		const computeEngine = eov.type === "mustache-bindings" || eov.type === "lazy-function" ? this.evalComputeEngine : this.dirComputeEngine;
-		const entityType = entity.type;
-		if (eov.type === "external-function") {
-			const finalFunction = async (...args) => this.dirComputeEngine.compute({
-				snapshot: snapshot(scopeId, { useSuspense: true }),
-				func: eov.value,
-				path: prop,
-				args,
-				excludeState: true,
-				get entityName() {
-					return getName(entity.name);
-				}
-			});
-			entity[prop] = finalFunction;
-			return;
-		} else if (eov.type === "event") {
-			const finalFunction = async (...args) => {
-				await run_event_handlers_default({
-					flow: eov.value,
-					scopeId,
-					additionalContext: args[0],
-					get name() {
-						return getName(entity.name);
-					}
-				});
-			};
-			if (isNested) propParent[finalSegment] = finalFunction;
-			else entity[prop] = finalFunction;
-			return;
-		}
-		let finalProp = prop;
-		if (isNested) finalProp = this.componentRegistry.getPropertyWithRecordIdentifier(entityType, prop);
-		const managedProp = this.componentRegistry.getManagedProps(entityType).find((p) => p.path === finalProp);
-		const getValue = computed(() => {
-			if (managedProp?.isExternallyReadable === false) return;
-			let ret = null;
-			try {
-				const metaParent = getMetaParent();
-				if (metaParent && finalSegment in metaParent) ret = metaParent[finalSegment];
-				else if (isComputed) if (managedProp?.contextual) ret = function(context$1) {
-					return computeEngine.compute({
-						snapshot: snapshot(scopeId, { useSuspense: true }),
-						entityName: name,
-						func: eov.value,
-						path: prop,
-						args: [context$1],
-						excludeState: true
-					});
-				};
-				else ret = computeEngine.compute({
-					snapshot: snapshot(scopeId, { useSuspense: true }),
-					entityName: name,
-					func: eov.value,
-					path: prop
-				});
-				else ret = eov.value;
-				if (managedProp?.validate && typeof ret !== "function") {
-					const entity$1 = snapshot(scopeId, { useSuspense: true })[name.value];
-					const validationResult = managedProp.validate(ret, entity$1);
-					if (entity$1?.[SOURCE_ID_ATTRIBUTE]) this.setValidationState(entity$1[SOURCE_ID_ATTRIBUTE], prop, {
-						isValid: validationResult.valid,
-						message: validationResult.valid ? "" : validationResult.message,
-						invalidValue: validationResult.valid ? void 0 : validationResult.invalidValue
-					});
-					if (!validationResult.valid) return;
-					ret = validationResult.result;
-				}
-			} catch (e) {
-				if (e instanceof Promise) throw e;
-				console.log("Could not compute property value");
-				return;
-			}
-			return ret;
-		});
-		const setValue = (value) => {
-			if (managedProp?.isExternallySettable === false) {
-				console.warn(`The property "${finalSegment}" on entity "${name.value}" is not settable, it will be ignored.`);
-				return;
-			}
-			const metaParent = getMetaParent();
-			metaParent[finalSegment] = value;
-		};
-		const { atom, isNew } = this.getOrCreateAtom(scopeId, name, prop);
-		Object.defineProperty(propParent, finalSegment, {
-			get: () => {
-				atom.reportObserved();
-				return getValue.get();
-			},
-			set: action((value) => {
-				setValue(value);
-				atom.reportChanged();
-			}),
-			enumerable: true,
-			configurable: true
-		});
-		if (!isNew) atom.reportChanged();
-	}
-	deleteEntity(params) {
-		const scope = this.getScope(params.scopeId);
-		delete scope.entities[params.name.value];
-		delete scope.entityMeta[params.name.value];
-		delete this.atoms?.[params.scopeId]?.[params.name.value];
-	}
-	deleteProperty(params) {
-		const { scopeId, name, prop } = params;
-		if (prop.split(".").includes(RECORD_PATH_IDENTIFIER)) return;
-		const scope = this.getScope(scopeId);
-		const entity = scope.getEntity(name);
-		const entityMeta = scope.getEntityMeta(name);
-		if (!entity || !entityMeta) {
-			console.warn(`Entity ${name.value} not found in scope ${scopeId}`);
-			return;
-		}
-		const pathSegments = prop.split(".");
-		const isNested = pathSegments.length > 1;
-		const finalSegment = pathSegments.pop() || "";
-		const parentSegments = isNested ? pathSegments : [];
-		let propParent = entity;
-		let metaParent = entityMeta;
-		if (isNested) for (const segment of parentSegments) {
-			if (!(segment in propParent) || !(segment in metaParent)) return;
-			propParent = propParent[segment];
-			metaParent = metaParent[segment];
-		}
-		if (finalSegment in propParent) delete propParent[finalSegment];
-		if (finalSegment in metaParent) delete metaParent[finalSegment];
-		if (this.atoms[scopeId]?.[name.value]?.[prop]) delete this.atoms[scopeId][name.value][prop];
-	}
-	deleteObsoleteNestedProperties(scopeId, name, nextProps, entity) {
-		for (const [propKey, propValue] of Object.entries(nextProps)) if (propValue && typeof propValue === "object" && !Array.isArray(propValue) && !isReactElement(propValue)) {
-			const entityPropValue = entity[propKey];
-			if (!entityPropValue || typeof entityPropValue !== "object" || Array.isArray(entityPropValue) || isReactElement(entityPropValue)) continue;
-			const currentKeys = new Set(Object.keys(propValue));
-			const keysToDelete = Object.keys(entityPropValue).filter((key) => !currentKeys.has(key));
-			for (const keyToDelete of keysToDelete) {
-				const obsoleteObj = entityPropValue[keyToDelete];
-				if (obsoleteObj && typeof obsoleteObj === "object" && !isReactElement(obsoleteObj)) {
-					const nestedProps = this.getNestedPropertyPaths(`${propKey}.${keyToDelete}`, obsoleteObj);
-					for (const nestedProp of nestedProps) this.deleteProperty({
-						scopeId,
-						name,
-						prop: nestedProp
-					});
-				}
-				this.deleteProperty({
-					scopeId,
-					name,
-					prop: `${propKey}.${keyToDelete}`
-				});
-			}
-		}
-	}
-	getNestedPropertyPaths(basePath, obj) {
-		try {
-			const paths = [];
-			if (obj && typeof obj === "object" && !Array.isArray(obj) && !isReactElement(obj)) for (const [key, value] of Object.entries(obj)) {
-				const currentPath = `${basePath}.${key}`;
-				paths.push(currentPath);
-				if (value && typeof value === "object" && !Array.isArray(value)) paths.push(...this.getNestedPropertyPaths(currentPath, value));
-			}
-			return paths;
-		} catch (_e) {
-			return [];
-		}
-	}
-	deleteEntityById(params) {
-		const name = this.getScope(params.scopeId).getEntityName(params.entityId);
-		if (name) this.deleteEntity({
-			name,
-			scopeId: params.scopeId
-		});
-	}
-	resetEntity(params) {
-		const { name, key, onlyMetaProps } = params;
-		const entityMeta = this.getScope(params.scopeId).getEntityMeta(name);
-		if (key) {
-			if (key in entityMeta) delete entityMeta[key];
-		} else {
-			let metaPropsNames = [];
-			if (onlyMetaProps) metaPropsNames = this.componentRegistry.getManagedProps(entityMeta.type).filter((p) => p.isMetaProp).map((p) => p.path);
-			for (const prop of Object.keys(entityMeta)) if (!onlyMetaProps || onlyMetaProps && metaPropsNames.includes(prop)) delete entityMeta[prop];
-		}
-	}
-	updateEntity(params) {
-		const { scopeId, name, props, instanceId } = params;
-		const scope = this.getScope(scopeId);
-		const entity = scope.getEntity(name);
-		if (!entity) {
-			console.warn(`Entity with name ${name.value} not found on scope ${scopeId}. This shouldn't happen, so there is a bug somewhere that you need to track down`);
-			return;
-		}
-		const type = entity.type;
-		if (instanceId) scope.idToName[instanceId] = name;
-		this.deleteObsoleteNestedProperties(scopeId, name, props, entity);
-		const managedPropsForType = this.componentRegistry.getManagedProps(type);
-		const internalProps = this.componentRegistry.getInternalProps(type);
-		const functionalProps = toExecutablesOrValues(props, managedPropsForType);
-		const addedProperties = /* @__PURE__ */ new Set();
-		for (const [prop, value] of functionalProps) if (value.value != void 0) {
-			this.addProperty(scopeId, name, prop, value);
-			addedProperties.add(prop);
-		}
-		Object.keys(entity).filter((key) => {
-			const propInfo = managedPropsForType.find((p) => p.path === key);
-			const isInternalProp = internalProps.some((p) => p.path === key);
-			return !(key in props) && !PROTECTED_KEYS.has(key) && propInfo?.dataType !== "function" && !isInternalProp;
-		}).forEach((key) => delete entity[key]);
-		this.addMissingProps(managedPropsForType, addedProperties, scopeId, name);
-	}
-	addMissingProps(managedProps, addedProperties, scopeId, name) {
-		const entity = this.getScope(scopeId).getEntity(name);
-		for (const prop of managedProps) {
-			const isComputed = typeof prop.default === "function" && prop.dataType !== "function";
-			if (get(entity, prop.path) == null && !addedProperties.has(prop.path) && (!isNestedPath(prop.path) || prop.default !== void 0)) if (isComputed) this.addProperty(scopeId, name, prop.path, {
-				value: prop.default,
-				type: "normal"
-			});
-			else this.addProperty(scopeId, name, prop.path, toExecutableOrValue(prop.path, prop.default !== void 0 ? fastClone(prop.default) : void 0, prop.dataType === "function" || prop.dataType === "event"));
-		}
-	}
-	renameEntity(params) {
-		const { scopeId, instanceId, newName, isDuplicate } = params;
-		const scope = this.getScope(scopeId);
-		const existingName = scope.getEntityName(instanceId);
-		if (!existingName && !isDuplicate) {
-			console.warn(`Entity with id ${instanceId} not found`);
-			return;
-		}
-		scope.setEntityName(instanceId, newName, existingName);
-	}
-	runCode(params) {
-		const { scopeId, name, func, args, excludeState } = params;
-		const state = this.getState(scopeId);
-		this.dirComputeEngine.compute({
-			snapshot: state,
-			entityName: name,
-			func,
-			args,
-			excludeState
-		});
-	}
-	computeValue(params) {
-		const { scopeId, name, value, validator, args } = params;
-		const { value: transformedValue, type } = toExecutableOrValue(name.value, value);
-		const isComputed = typeof transformedValue === "function" && type !== "function";
-		const computeEngine = type === "mustache-bindings" || type === "lazy-function" ? this.evalComputeEngine : this.dirComputeEngine;
-		const result = isComputed ? computeEngine.compute({
-			snapshot: this.getState(scopeId),
-			entityName: name,
-			func: transformedValue,
-			args,
-			excludeState: true
-		}) : transformedValue;
-		if (validator) {
-			const vResult = validator(result, this.getEntity(scopeId, name));
-			if (!vResult.valid) throw Error(`Validation error for ${name.value}: ${vResult.message}`);
-			return vResult.result;
-		}
-		return result;
-	}
-	getOrCreateAtom(scopeId, name, prop) {
-		const isNew = !this.atoms[scopeId]?.[name.value]?.[prop];
-		const scopeAtoms = this.atoms[scopeId] ??= {};
-		const entityAtoms = scopeAtoms[name.value] ??= {};
-		return {
-			atom: entityAtoms[prop] ??= createAtom(`${scopeId}-${name.value}:${prop}`),
-			isNew
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/internal-details/location-store.ts
-var LocationStore = class {
-	route;
-	rootStore;
-	constructor(rootStore) {
-		this.rootStore = rootStore;
-	}
-	@action updateLocation(location, routes, params) {
-		this.route = this.locationToRouteInfo(location, routes, params);
-		this.sendLocationToEditor();
-		this.updateGlobalScopeUrl();
-	}
-	sendLocationToEditor() {
-		if (!this.route) return;
-		editorBridge.updateRoute(this.route);
-	}
-	async updateGlobalScopeUrl() {
-		if (!this.route) return;
-		const globalName = getName("Global");
-		const currentGlobalEntity = this.rootStore.entityManager.getEntity(GLOBAL_SCOPE_ID, globalName);
-		this.rootStore.entityManager.updateEntity({
-			scopeId: GLOBAL_SCOPE_ID,
-			name: globalName,
-			props: {
-				...currentGlobalEntity,
-				URL: {
-					...currentGlobalEntity.URL,
-					...this.route
-				}
-			}
-		});
-	}
-	locationToRouteInfo(location, routes, params) {
-		const route = routes.find((route$1) => !!route$1.path && matchPath(route$1.path, location.pathname));
-		if (!route?.path) return;
-		return {
-			hash: location.hash,
-			pathname: location.pathname,
-			queryParams: getQueryParams(location.search),
-			route: route.path,
-			routeParams: params
-		};
-	}
-};
-
-//#endregion
-//#region src/lib/user-facing/assets/icons/system-danger.svg
-var _path$3;
-function _extends$3() {
-	return _extends$3 = Object.assign ? Object.assign.bind() : function(n) {
-		for (var e = 1; e < arguments.length; e++) {
-			var t = arguments[e];
-			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		}
-		return n;
-	}, _extends$3.apply(null, arguments);
-}
-var SvgSystemDanger = function SvgSystemDanger$1(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends$3({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 16,
-		height: 16,
-		fill: "none"
-	}, props), _path$3 || (_path$3 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "currentColor",
-		fillRule: "evenodd",
-		d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14m.75-10a.75.75 0 0 0-1.5 0v3a.75.75 0 1 0 1.5 0zM8 9.75a1 1 0 1 0 0 2 1 1 0 0 0 0-2",
-		clipRule: "evenodd"
-	})));
-};
-var system_danger_default = SvgSystemDanger;
-
-//#endregion
-//#region src/lib/user-facing/assets/icons/system-error.svg
-var _path$2;
-function _extends$2() {
-	return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
-		for (var e = 1; e < arguments.length; e++) {
-			var t = arguments[e];
-			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		}
-		return n;
-	}, _extends$2.apply(null, arguments);
-}
-var SvgSystemError = function SvgSystemError$1(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends$2({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 16,
-		height: 16,
-		fill: "none"
-	}, props), _path$2 || (_path$2 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "currentColor",
-		fillRule: "evenodd",
-		d: "M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0M5.942 5.058a.625.625 0 1 0-.884.884L7.116 8l-2.058 2.058a.625.625 0 1 0 .884.884L8 8.884l2.058 2.058a.625.625 0 1 0 .884-.884L8.884 8l2.058-2.058a.625.625 0 1 0-.884-.884L8 7.116z",
-		clipRule: "evenodd"
-	})));
-};
-var system_error_default = SvgSystemError;
-
-//#endregion
-//#region src/lib/user-facing/assets/icons/system-info.svg
-var _path$1;
-function _extends$1() {
-	return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
-		for (var e = 1; e < arguments.length; e++) {
-			var t = arguments[e];
-			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		}
-		return n;
-	}, _extends$1.apply(null, arguments);
-}
-var SvgSystemInfo = function SvgSystemInfo$1(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends$1({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 16,
-		height: 16,
-		fill: "none"
-	}, props), _path$1 || (_path$1 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "currentColor",
-		d: "M8 1a7 7 0 1 0 7 7 7.014 7.014 0 0 0-7-7m-.135 3.23a.808.808 0 1 1 0 1.616.808.808 0 0 1 0-1.615m.673 7.54H8a.54.54 0 0 1-.538-.54V8a.538.538 0 1 1 0-1.077H8a.54.54 0 0 1 .538.539v3.23a.538.538 0 1 1 0 1.077"
-	})));
-};
-var system_info_default = SvgSystemInfo;
-
-//#endregion
-//#region src/lib/user-facing/assets/icons/system-success.svg
-var _path;
-function _extends() {
-	return _extends = Object.assign ? Object.assign.bind() : function(n) {
-		for (var e = 1; e < arguments.length; e++) {
-			var t = arguments[e];
-			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		}
-		return n;
-	}, _extends.apply(null, arguments);
-}
-var SvgSystemSuccess = function SvgSystemSuccess$1(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 16,
-		height: 16,
-		fill: "none"
-	}, props), _path || (_path = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "currentColor",
-		fillRule: "evenodd",
-		d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14m3.442-8.058a.625.625 0 1 0-.884-.884L7.5 9.116 5.942 7.558a.625.625 0 1 0-.884.884l2 2c.244.244.64.244.884 0z",
-		clipRule: "evenodd"
-	})));
-};
-var system_success_default = SvgSystemSuccess;
-
-//#endregion
-//#region src/lib/user-facing/styling/colors.ts
-const colors = {
-	WHITE: "#FFFFFF",
-	BLACK: "#000000",
-	PLATFORM_BLACK: "#0E141B",
-	OFF_WHITE: "#F2F2F2",
-	DISABLED: "rgba(0, 0, 0, 0.25)",
-	GREY_25: "#F9FAFB",
-	GREY_50: "#F3F4F6",
-	GREY_100: "#E8EAED",
-	GREY_200: "#C6CAD2",
-	GREY_300: "#A4AAB7",
-	GREY_400: "#818A9C",
-	GREY_500: "#6C7689",
-	GREY_600: "#5A6272",
-	GREY_700: "#454D5F",
-	GREY_800: "#2F3437",
-	GREY_900: "#121517",
-	GRAY_GRID: "#CCD3DB",
-	RED_500_8: "rgba(255, 72, 72, 0.08)",
-	RED_25: "#FF48481F",
-	RED_500: "#FF4848",
-	RED_600: "#DB4949",
-	RED_700: "#C54141",
-	ORANGE_25: "#FFEEC5",
-	ORANGE_600: "#FA8A0F",
-	SUBTLE_BLUE: "#29bbff14",
-	SUBTLE_BLUE_SOLID: "#eefaff",
-	ACCENT_BLUE_NEW_DARKER: "#0087E0",
-	BLUE_MINMAX_LABELS: "#0062A3",
-	DRAG_PREVIEW_BLUE: "rgba(0, 135, 224, 0.16)",
-	ACCENT_BLUE_500: "#27BBFF",
-	ACCENT_BLUE_500_04: "#27BBFF0A",
-	ACCENT_BLUE_500_25: "#27BBFF14",
-	ACCENT_BLUE_500_50: "#27BBFF1F",
-	ACCENT_BLUE_500_18: "#27BBFF2E",
-	ACCENT_BLUE_500_24: "#27BBFF3D",
-	ACCENT_BLUE_500_48: "#27BBFF7A",
-	ACCENT_BLUE_600: "#00A8F5",
-	ACCENT_BLUE_700: "#009AE0",
-	ACCENT_ORANGE: "#FF9F35",
-	ACCENT_ORANGE_04: "#FF9F350A",
-	ACCENT_ORANGE_24: "#FF9F353D",
-	LIGHT_ORANGE: "#FF9F351E",
-	ACCENT_ORANGE_600: "#FA8A0F",
-	SUBTLE_PURPLE: "#643ADF14",
-	ACCENT_PURPLE: "#643ADF",
-	LIGHT_PURPLE: "#643ADF1E",
-	ACCENT_PURPLE_500: "#7C4FF8",
-	ACCENT_PURPLE_600: "#5227CE",
-	SUBTLE_GREEN: "#14CDB714",
-	LIGHT_GREEN: "#9BDCAD",
-	ACCENT_GREEN: "#14CDB7",
-	ACCENT_GREEN_600: "#08BAA5",
-	LIGHT_PINK: `rgba(255, 98, 164, 0.12)`,
-	ACCENT_PINK: "#FF62A4",
-	HOVER_BLUE: "#E3F8FF",
-	HOVER_GREEN: "#14CDB724",
-	CLICK_GREEN: "#14CDB734",
-	INFO: "#27BBFF",
-	WARNING: "#FF9F35",
-	DANGER: "#F45252",
-	DANGER_BRIGHT: "rgba(255, 72, 72, 1.0)",
-	DANGER_SUBTLE: "#F452521F",
-	SUCCESS: "#0CC26D",
-	NONE: "transparent"
-};
-
-//#endregion
-//#region src/lib/user-facing/themes/classnames.ts
-const MODIFIER_CLASSNAMES = {
-	DISABLED_MODIFIER: "sb-disabled",
-	ERROR_MODIFIER: "sb-error",
-	ACTIVE_MODIFIER: "sb-active"
-};
-const CLASS_NAMES = {
-	...MODIFIER_CLASSNAMES,
-	HEADING1: "sb-heading-1",
-	HEADING2: "sb-heading-2",
-	HEADING3: "sb-heading-3",
-	HEADING4: "sb-heading-4",
-	HEADING5: "sb-heading-5",
-	HEADING6: "sb-heading-6",
-	BODY1: "sb-body-1",
-	BODY2: "sb-body-2",
-	BODY3: "sb-body-3",
-	LINK: "sb-link",
-	INPUT_LABEL: "sb-input-label",
-	LABEL: "sb-label",
-	CODE_TEXT: "sb-code",
-	INPUT_TEXT: "sb-input-text",
-	INPUT_PLACEHOLDER: "sb-input-placeholder",
-	BUTTON_LABEL: "sb-button-label",
-	SYSTEM_TEXT: "sb-system-text",
-	BUILTIN_BODY: "sb-builtin-body",
-	ELLIPSIS_TEXT: "sb-ellipsis-text",
-	BUTTON: "sb-button",
-	PRIMARY_BUTTON: "sb-button-primary",
-	SECONDARY_BUTTON: "sb-button-secondary",
-	SECONDARY_NEUTRAL_BUTTON: "sb-button-secondary-neutral",
-	TERTIARY_BUTTON: "sb-button-tertiary",
-	SYSTEM_BUTTON: "sb-button-system",
-	INPUT: "sb-input",
-	SWITCH: "sb-switch",
-	CHECKBOX: "sb-checkbox",
-	RADIO: "sb-radio",
-	SECTION: "sb-section",
-	ROUNDED_CONTAINER: "sb-rounded-container",
-	CANVAS: "sb-canvas",
-	DEFAULT_CONTAINER: "sb-default-container",
-	DEFAULT_CONTAINER_STYLE_CARD: "sb-default-container-style-card",
-	DEFAULT_CONTAINER_STYLE_NONE: "sb-default-container-style-none",
-	DEFAULT_CONTAINER_BORDER: "sb-default-container-border",
-	CONTAINER_BORDER_OUTLINE: "sb-container-border-overlay",
-	POPOVER_WRAPPER: "sb-popover-wrapper",
-	TAB: "sb-tab",
-	MODAL: "sb-modal",
-	SLIDEOUT: "sb-slideout",
-	BORDER_BOTTOM: "sb-util-border-bottom",
-	BORDER_TOP: "sb-util-border-top",
-	NOTIFICATION: "sb-notification",
-	STYLED_SCROLLBAR: "sb-scrollable",
-	TOOLTIP: "sb-tooltip",
-	DROPDOWN: "sb-dropdown",
-	DROPDOWN_MENU: "sb-dropdown-menu",
-	MENU_ITEM: "sb-menu-item",
-	TAG_INPUT: "sb-tag-input",
-	DATEPICKER: "sb-datepicker",
-	DROPDOWN_CLEAR_ICON: "sb-dropdown-clear-icon",
-	CARET_ICON: "sb-caret-icon",
-	PRIMARY_COLOR_ICON: "sb-primary-color-icon",
-	CLOSE_ICON: "sb-close-icon",
-	ICON: "sb-icon",
-	PAGINATOR: "sb-rc-paginator",
-	CODE_EDITOR: "sb-code-editor",
-	ERROR_INLINE_MESSAGE: "sb-error-inline-message"
-};
-
-//#endregion
-//#region src/lib/user-facing/utils/notification.tsx
-const activeNotifications = /* @__PURE__ */ new Map();
-const StatusIconWrapper = styled.div`
-  color: ${(props) => props.color};
-  font-size: 16px;
-  margin-top: -2px;
-  margin-left: -10px;
-  svg {
-    width: 18px;
-    height: 18px;
-  }
-`;
-const MessageWrapper = styled.div`
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 1.3;
-  margin-left: -26px;
-  margin-right: 0;
-  white-space: pre-wrap;
-`;
-const DescriptionWrapper = styled.div`
-  font-size: 12px;
-  margin-left: -26px;
-  margin-right: -10px;
-`;
-const styleMessage = (message, dataTest) => {
-	return /* @__PURE__ */ jsx(MessageWrapper, {
-		"data-test": dataTest ? dataTest : "notification",
-		children: message
-	});
-};
-const styleDescription = (description) => {
-	if (!description) return;
-	return /* @__PURE__ */ jsx(DescriptionWrapper, { children: description });
-};
-const messageWithCount = (key, message, dataTest) => {
-	let updatedMessage = message;
-	if (key) {
-		const count = (activeNotifications.get(key)?.count ?? 0) + 1;
-		activeNotifications.set(key, {
-			count,
-			message
-		});
-		if (count > 1 && isString$1(message)) updatedMessage = `${message} (${count} times)`;
-	}
-	return styleMessage(updatedMessage, dataTest);
-};
-/**
-* When a Key is used,
-* duplicate notifications are not shown but the timeout is added to the first notification.
-* @returns A string key based on inputs
-*/
-const getKey = (type, message, description, duration) => {
-	return isString$1(message) ? `${type}--${String(message)}--${description}--${duration}` : void 0;
-};
-const removeNotificationsWithKey = (key) => {
-	document.querySelectorAll(`[data-testid="notification_${key}"]`).forEach((el) => {
-		el.remove();
-	});
-};
-const attrSafeKey = (str) => {
-	return str.replace(/\W+/g, "_");
-};
-const getIcon = (type) => {
-	let icon;
-	let color;
-	switch (type) {
-		case "success":
-			icon = /* @__PURE__ */ jsx(system_success_default, {});
-			color = colors.SUCCESS;
-			break;
-		case "error":
-			icon = /* @__PURE__ */ jsx(system_error_default, {});
-			color = colors.DANGER;
-			break;
-		case "info":
-			icon = /* @__PURE__ */ jsx(system_info_default, {});
-			color = colors.INFO;
-			break;
-		case "warning":
-			icon = /* @__PURE__ */ jsx(system_danger_default, {});
-			color = colors.WARNING;
-			break;
-	}
-	return /* @__PURE__ */ jsx(StatusIconWrapper, {
-		color,
-		children: icon
-	});
-};
-function onAlertClose(key) {
-	if (key) activeNotifications.delete(key);
-}
-const positionToPlacement = {
-	[NotificationPosition.bottom]: "bottom-center",
-	[NotificationPosition.top]: "top-center",
-	[NotificationPosition.topLeft]: "top-left",
-	[NotificationPosition.topRight]: "top-right",
-	[NotificationPosition.bottomLeft]: "bottom-left",
-	[NotificationPosition.bottomRight]: "bottom-right"
-};
-function sendNotification({ message, description, duration, key = getKey("success", message, description, duration), placement = NotificationPosition.bottomRight, style, dataTest, type }) {
-	const icon = getIcon(type);
-	const handleClose = () => {
-		onAlertClose(key);
-		if (key) removeNotificationsWithKey(attrSafeKey(`notification-${key}`));
-	};
-	if (key) {
-		toast.dismiss(key);
-		removeNotificationsWithKey(attrSafeKey(`notification-${key}`));
-	}
-	const position = positionToPlacement[placement];
-	toast.success(messageWithCount(key, message, dataTest), {
-		id: key,
-		description: styleDescription(description),
-		icon,
-		duration: duration ? duration * 1e3 : void 0,
-		position,
-		className: CLASS_NAMES.NOTIFICATION,
-		style,
-		onDismiss: handleClose,
-		onAutoClose: handleClose
-	});
-}
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/file-utils.ts
-var FileManagerClass = class FileManagerClass {
-	static instance;
-	storage = {};
-	constructor() {}
-	static getInstance() {
-		if (!FileManagerClass.instance) FileManagerClass.instance = new FileManagerClass();
-		return FileManagerClass.instance;
-	}
-	store(componentName, file) {
-		const fileId = getFileUploadId(file);
-		if (!this.storage[componentName]) this.storage[componentName] = {};
-		this.storage[componentName][fileId] = file;
-	}
-	get(componentName, fileId) {
-		return this.storage[componentName]?.[fileId];
-	}
-	remove(componentName, file) {
-		const fileId = getFileUploadId(file);
-		if (this.storage[componentName]) delete this.storage[componentName][fileId];
-	}
-	clearComponent(componentName) {
-		delete this.storage[componentName];
-	}
-	clear() {
-		this.storage = {};
-	}
-};
-const FileManager = FileManagerClass.getInstance();
-function getFileUploadId(file) {
-	return `${file.name.replace(/[^a-zA-Z0-9.-]/g, "_")}-${file.size}-${file.lastModified}`;
-}
-/**
-* Check if the given object is a light readable file.
-* Meaning it has a $superblocksId property.
-*
-* Compare to `isReadableFile` which checks if the object is a full superblocks readable file object.
-*/
-const isLightReadableFile = (f) => {
-	if (!f || typeof f !== "object" || Array.isArray(f)) return false;
-	if (Object.entries(f).length === 0) return false;
-	return "$superblocksId" in f;
-};
-function getFilePaths(root, path = []) {
-	const paths = [];
-	if (!root || !(typeof root === "object")) return paths;
-	if (Array.isArray(root) || isObservableArray(root)) {
-		root.forEach((v, i) => {
-			paths.push(...getFilePaths(v, [...path, i.toString()]));
-		});
-		return paths;
-	}
-	if (isLightReadableFile(root)) return [path];
-	Object.entries(root).forEach(([key, value]) => {
-		if (isLightReadableFile(value)) paths.push([...path, key]);
-		else if (value && (Array.isArray(value) || isObservableArray(value))) value.forEach((v, i) => {
-			paths.push(...getFilePaths(v, [
-				...path,
-				key,
-				i.toString()
-			]));
-		});
-		else if (value && typeof value === "object") paths.push(...getFilePaths(value, [...path, key]));
-	});
-	return paths;
-}
-/**
-* Extract Files and path to files from entities.
-* Used to retrieve files that are in an entity's state which is bound in a Backend API.
-* @param entities - The entities to extract files from
-* @returns
-*/
-function extractFilesFromEntities(entities) {
-	const files = {};
-	const pathToFiles = [];
-	Object.entries(entities).forEach(([entityName, entityValue]) => {
-		getFilePaths(entityValue).forEach((path) => {
-			const fileObj = get(entityValue, path);
-			if (isLightReadableFile(fileObj)) {
-				const fileId = fileObj.$superblocksId;
-				const file = FileManager.get(entityName, fileId);
-				if (file) {
-					files[fileId] = file;
-					pathToFiles.push([entityName, ...path]);
-				}
-			}
-		});
-	});
-	return {
-		files,
-		paths: pathToFiles
-	};
-}
-async function formatFilesForRequest(files) {
-	const entries$1 = Object.entries(files);
-	return await Promise.all(entries$1.map(async ([fileId, file]) => {
-		try {
-			return {
-				originalName: fileId,
-				buffer: await new Promise((resolve, reject) => {
-					const reader = new FileReader();
-					reader.onload = () => resolve(reader.result.split(",")[1]);
-					reader.onerror = () => reject(new Error(reader.error?.message || "Unknown error reading file"));
-					reader.readAsDataURL(file);
-				}),
-				encoding: "base64",
-				mimetype: "text/plain"
-			};
-		} catch (error) {
-			console.warn(`Failed to encode file ${file.name} (ID: ${fileId}):`, error);
-			throw error;
-		}
-	}));
-}
-function getFileWithUploadId(f) {
-	const uploadId = getFileUploadId(f);
-	Object.defineProperty(f, "$superblocksId", {
-		value: uploadId,
-		writable: false,
-		enumerable: true,
-		configurable: false
-	});
-	return f;
-}
-function getFileMetadata(f) {
-	const superblocksId = getFileUploadId(f);
-	const nameParts = f.name.split(".");
-	const extension = nameParts.length > 1 ? nameParts.pop() || "" : "";
-	return {
-		$superblocksId: superblocksId,
-		name: f.name,
-		extension,
-		type: f.type,
-		size: f.size,
-		encoding: "text"
-	};
-}
-
-//#endregion
-//#region src/lib/internal-details/lib/evaluator/binding-extraction.ts
-function getApiDeps(entitiesState, scopeId, apiDepCandidates) {
-	const apiDepEntries = apiDepCandidates.map((candidateName) => {
-		const [entityName, ...rest] = splitJSPath(candidateName) ?? [];
-		return [entityName, rest.length === 0 ? "" : stringifySplitPaths(rest)];
-	});
-	const candidates = {};
-	apiDepEntries.forEach(([name, rest]) => {
-		if (name in candidates) {
-			const parts = splitJSPath(rest) ?? [];
-			const existingParts = splitJSPath(candidates[name]) ?? [];
-			let i = 0;
-			for (i = 0; i < Math.min(parts.length, existingParts.length); i++) if (parts[i] === existingParts[i]) continue;
-			candidates[name] = stringifySplitPaths(parts.slice(0, i - 1));
-		} else candidates[name] = rest;
-	});
-	const entities = Object.fromEntries(Object.entries(candidates).map(([candidateName, path]) => [candidateName, buildEntityByPath(path, entitiesState.getEntity(scopeId, getName(candidateName), { includeParentScopes: true }))]).filter(([_$1, entity]) => !!entity));
-	const { files, paths } = extractFilesFromEntities(entities);
-	/**
-	* Update entities data payload that rely on files,
-	* to honor the FilePrivateMetadata type
-	* which is checked on runtime in the backend.
-	*/
-	const clonedEntities = /* @__PURE__ */ new Set();
-	paths.forEach((path) => {
-		const fileProps = get(entities, path);
-		if (isLightReadableFile(fileProps)) {
-			const file = FileManager.get(path[0], fileProps.$superblocksId);
-			if (file) {
-				const entityName = path[0];
-				if (!clonedEntities.has(entityName)) {
-					entities[entityName] = cloneDeep(entities[entityName]);
-					clonedEntities.add(entityName);
-				}
-				set(entities, path, getFileMetadata(file));
-			}
-		}
-	});
-	return {
-		entities,
-		files
-	};
-}
-function buildEntityByPath(path, entity) {
-	if (!isObject(entity) || path === "") return entity;
-	const [pathPart, ...rest] = splitJSPath(path) ?? [];
-	const entityToSend = {};
-	if (isObject(entity) && pathPart in entity) entityToSend[pathPart] = buildEntityByPath(stringifySplitPaths(rest), entity[pathPart]);
-	else entityToSend[pathPart] = entity;
-	return entityToSend;
-}
-
-//#endregion
-//#region src/lib/internal-details/lib/resolve-id-singleton.ts
-const EMBED_STRING = `embedded-`;
-let promiseCount = 0;
-const resolverMap = /* @__PURE__ */ new Map();
-const rejectorMap = /* @__PURE__ */ new Map();
-const multiUseCallbacks = /* @__PURE__ */ new Map();
-function addNewPromise(resolver, isMultiUse = false, rejecter) {
-	const promiseId = `${isEmbeddedBySuperblocksFirstParty() ? EMBED_STRING : ""}p${++promiseCount}`;
-	resolverMap.set(promiseId, resolver);
-	if (isMultiUse) multiUseCallbacks.set(promiseId, resolver);
-	if (rejecter) rejectorMap.set(promiseId, rejecter);
-	return promiseId;
-}
-function resolveById(id, payload) {
-	const isEmbedId = id.startsWith(EMBED_STRING);
-	if (isEmbeddedBySuperblocksFirstParty() && !isEmbedId || !isEmbeddedBySuperblocksFirstParty() && isEmbedId) editorBridge.resolvePromise(id, payload);
-	else try {
-		const resolver = resolverMap.get(id);
-		if (!resolver) throw new Error(`Promise not found for id ${id}`);
-		resolver(payload);
-		if (!multiUseCallbacks.has(id)) {
-			resolverMap.delete(id);
-			rejectorMap.delete(id);
-		}
-	} catch (e) {
-		console.log("Error resolving promise", e);
-	}
-}
-function rejectById(id, payload) {
-	const isEmbedId = id.startsWith(EMBED_STRING);
-	if (isEmbeddedBySuperblocksFirstParty() && !isEmbedId || !isEmbeddedBySuperblocksFirstParty() && isEmbedId) editorBridge.rejectPromise(id, payload);
-	else try {
-		const rejecter = rejectorMap.get(id);
-		if (!rejecter) throw new Error(`Promise not found for id ${id}`);
-		rejecter(payload);
-		if (!multiUseCallbacks.has(id)) {
-			resolverMap.delete(id);
-			rejectorMap.delete(id);
-		}
-	} catch (e) {
-		console.log("Error rejecting promise", e);
-	}
-}
-
-//#endregion
-//#region src/lib/tracing/context-utils.ts
-function getContextFromTraceHeaders(traceHeaders) {
-	let parentContext = context.active();
-	try {
-		parentContext = propagation.extract(context.active(), traceHeaders);
-	} catch (error) {
-		console.warn("Failed to extract parent context from headers", traceHeaders, error);
-	}
-	return parentContext;
-}
-function createIframeSpan(name, attributes, parentContext) {
-	return getTracer("superblocks-iframe").startSpan(name, { attributes }, parentContext);
-}
-function getTraceContextHeadersFromSpan(span) {
-	const traceContextHeaders = {};
-	const contextWithSpan = trace.setSpan(ROOT_CONTEXT, span);
-	propagation.inject(contextWithSpan, traceContextHeaders);
-	return traceContextHeaders;
-}
-
-//#endregion
-//#region src/lib/utils/generate-id.ts
-const generateId = () => {
-	return Math.random().toString(36).substring(2, 15);
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/features/api-utils.ts
-async function executeV2Api(params) {
-	const { body, controlFlowOnlyFiles, api, notifyOnSystemError, eventType, onMessage, processStreamEvents, responseType, abortController, baseUrl, viewMode, accessToken, token, traceHeaders } = params;
-	let parentContext = context.active();
-	if (traceHeaders) parentContext = getContextFromTraceHeaders(traceHeaders);
-	let applicationId = "unknown";
-	if ("fetchByPath" in body) applicationId = body.fetchByPath.applicationId;
-	const span = createIframeSpan("iframe_execute_v2_api", {
-		"api-name": api?.apiPb?.metadata?.name || "unknown",
-		"application-id": applicationId,
-		event_type: eventType,
-		response_type: responseType,
-		view_mode: viewMode
-	}, parentContext);
-	try {
-		let cleanedBody;
-		try {
-			cleanedBody = cleanObject(body);
-		} catch {
-			cleanedBody = structuredClone(body);
-		}
-		if (controlFlowOnlyFiles && controlFlowOnlyFiles.length > 0) cleanedBody = {
-			...cleanedBody,
-			files: controlFlowOnlyFiles
-		};
-		const traceContextHeaders = getTraceContextHeadersFromSpan(span);
-		const init = {
-			method: HttpMethod.Post,
-			body: JSON.stringify(cleanedBody),
-			signal: abortController?.signal,
-			headers: {
-				[SUPERBLOCKS_AUTHORIZATION_HEADER]: `Bearer ${accessToken}`,
-				Authorization: `Bearer ${token}`,
-				[SUPERBLOCKS_REQUEST_ID_HEADER]: generateId(),
-				...traceContextHeaders
-			},
-			credentials: "include"
-		};
-		return responseType === ApiResponseType.STREAM ? await fetchServerStream({
-			augmentedInit: init,
-			fullUrl: baseUrl,
-			timeoutId: setTimeout(() => {}, 1e3),
-			onMessage,
-			processStreamEvents
-		}) : await fetchServer({
-			augmentedInit: init,
-			fullUrl: baseUrl,
-			timeoutId: setTimeout(() => {}, 1e3)
-		});
-	} catch (err) {
-		const message = `Failed to execute ${api?.apiPb?.metadata?.name || "API"}. ${err}`;
-		const suppressError = viewMode !== ViewMode.EDITOR && err?.code === 20;
-		if (notifyOnSystemError && !suppressError) console.log(message);
-		return { systemError: message };
-	} finally {
-		span.end();
-	}
-}
-const HttpMethod = {
-	Get: "GET",
-	Post: "POST",
-	Put: "PUT",
-	Patch: "PATCH",
-	Delete: "DELETE"
-};
-const stream = async ({ url, headers, body, onMessage, onComplete, onError, defaultError, method, baseUrl = "/api/", signal, init: overrideInit }) => {
-	const init = overrideInit ?? {
-		body: JSON.stringify(body),
-		headers,
-		method
-	};
-	try {
-		const response = await fetch(`${baseUrl}${url}`, init);
-		if (!response.ok) try {
-			const parsed = await response.json();
-			throw new HttpError(response.status, !response.status || response.status >= 500, parsed?.error?.message ?? parsed?.responseMeta?.error?.message ?? defaultError);
-		} catch (e) {
-			if (e instanceof HttpError) throw e;
-			throw new HttpError(response.status, !response.status || response.status >= 500, response.statusText);
-		}
-		if (!response.body) return;
-		const reader = response.body.getReader();
-		const decoder = new TextDecoder();
-		let done = false;
-		let lastChunk = "";
-		while (!done) {
-			if (signal && signal.aborted) return;
-			const { value, done: readerDone } = await reader.read();
-			const chunk = lastChunk + decoder.decode(value);
-			const messages = chunk.split("\n");
-			let jsonValues = [];
-			try {
-				jsonValues = messages.filter(Boolean).map((message) => JSON.parse(message.trim()));
-				lastChunk = "";
-			} catch (e) {
-				lastChunk = chunk;
-				if (readerDone) throw e;
-			}
-			for (const jsonValue of jsonValues.filter(Boolean)) {
-				if (jsonValue?.error) {
-					onError(jsonValue.error.message ?? defaultError);
-					return;
-				}
-				onMessage(jsonValue);
-			}
-			done = readerDone && lastChunk === "";
-		}
-	} catch (e) {
-		if (e.name === "AbortError") console.log("Fetch was cancelled");
-		else onError(e.message ?? defaultError, e.code);
-	} finally {
-		onComplete();
-	}
-};
-const handleError = (rawError, { fullUrl, augmentedInit }) => {
-	const error = rawError instanceof TypeError ? new HttpError(0, true, rawError.message) : rawError;
-	console.error(`Request to '${fullUrl} has failed
-Response Status: ${error.code}
-Response Status Text: ${error.message}`);
-	let critical = error.critical;
-	if (fullUrl.match(/apis\/.*/) && (critical || error.code === 0)) critical = false;
-	if (fullUrl.match(/\/(commits|deployment).*/) && error.code === 500) critical = false;
-	if (augmentedInit.method === HttpMethod.Get && fullUrl.match(/apis\/.*/)) critical = true;
-	else if (fullUrl.match(/apis\/.*/)) {}
-	if (error.code && error.code < 500 && error.code >= 400) {
-		if (error.code === 404) critical = true;
-	}
-	if (error.code >= 500) critical = false;
-};
-const fetchServerStream = async ({ augmentedInit, fullUrl, timeoutId, onMessage, processStreamEvents }) => {
-	const handleMessage = (message) => {
-		if (message?.result?.event?.data) onMessage && onMessage(message.result.event.data);
-		else if (message?.result?.event?.start || message?.result?.event?.end) processStreamEvents && processStreamEvents(message);
-	};
-	const onComplete = () => {
-		clearTimeout(timeoutId);
-	};
-	const onError = (error, statusCode) => {
-		if (statusCode != null) handleError(new HttpError(statusCode, !statusCode || statusCode >= 500, error), {
-			fullUrl,
-			augmentedInit,
-			timeoutId
-		});
-		else handleError(new TypeError(error), {
-			fullUrl,
-			augmentedInit,
-			timeoutId
-		});
-	};
-	return stream({
-		url: fullUrl,
-		init: augmentedInit,
-		onMessage: handleMessage,
-		onComplete,
-		onError,
-		baseUrl: "",
-		signal: augmentedInit?.signal ?? void 0
-	});
-};
-const getErrorMessageFromObject = (message) => {
-	const messageJSONString = JSON.stringify(message);
-	const match = /"message"\s*:\s*"([^"]*)"/.exec(messageJSONString);
-	return match ? match[1] : messageJSONString;
-};
-const fetchServer = ({ augmentedInit, fullUrl, timeoutId }) => {
-	return fetch(fullUrl, augmentedInit).then(async (response) => {
-		try {
-			if (response.status === 204) return null;
-			const json = await response.json();
-			if (response.ok && json) {
-				if (json.data == null) return json;
-				return json.data;
-			} else {
-				let message = json.responseMeta?.error?.message ?? json?.message;
-				if (typeof message === "object") message = getErrorMessageFromObject(message);
-				throw new HttpError(response.status, !response.status || response.status >= 500, message);
-			}
-		} catch (e) {
-			if (e instanceof HttpError) throw e;
-			throw new HttpError(response.status, !response.status || response.status >= 500, response.statusText);
-		}
-	}).catch((rawError) => {
-		handleError(rawError, {
-			fullUrl,
-			augmentedInit,
-			timeoutId
-		});
-	}).finally(() => clearTimeout(timeoutId));
-};
-var HttpError = class extends Error {
-	code;
-	critical;
-	constructor(code, critical = false, m) {
-		super(m);
-		this.code = code;
-		this.critical = critical;
-	}
-};
-const parseStreamResult = (streamResult, options) => {
-	if (!streamResult || !Array.isArray(streamResult) || !streamResult.length) return;
-	const execution = streamResult[0].result.execution;
-	const [errors, events] = streamResult.reduce((accum, event) => {
-		if (event.result.event.end && event.result.event.end.error) accum[0].push(event.result.event.end.error);
-		accum[1].push(event.result.event);
-		return accum;
-	}, [[], []]);
-	const result = {
-		execution,
-		events,
-		errors,
-		status: "STATUS_COMPLETED"
-	};
-	if (options?.includeFinalOutput) {
-		let returnBlockOutput;
-		for (let i = 0; i < streamResult.length; i++) {
-			const streamEvent = streamResult[i];
-			if (streamEvent.result.event.type === "BLOCK_TYPE_RETURN" && streamEvent.result.event.end) {
-				returnBlockOutput = streamEvent.result.event.end?.output;
-				break;
-			}
-		}
-		if (returnBlockOutput) result.output = returnBlockOutput;
-		else result.output = streamResult[streamResult.length - 1].result.event.end?.output;
-	}
-	return result;
-};
-const isApiV2ExecutionResponse = (response) => {
-	return !!response && "output" in response && response?.output?.result != null;
-};
-const decodeBytestringsInV2ExecutionResponse = (response) => {
-	if (!isApiV2ExecutionResponse(response)) return;
-	if (response.output) response.output.result = decodeBytestrings(response.output.result, false);
-	if (Array.isArray(response.events)) response.events.forEach((event) => {
-		const typedEvent = event;
-		if (typedEvent?.end?.output?.result != null) typedEvent.end.output.result = decodeBytestrings(typedEvent.end.output.result, false);
-	});
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/features/api-store.ts
-var ApiManager = class {
-	agentUrls = [];
-	token;
-	accessToken;
-	apisByName = {};
-	apiNameToDepCandidates = {};
-	apiNameToApiReferences = {};
-	runningApiControllers = {};
-	waitForInitApiPromise = void 0;
-	constructor(rootStore) {
-		this.rootStore = rootStore;
-	}
-	setTokens(token, accessToken) {
-		this.token = token;
-		this.accessToken = accessToken;
-	}
-	isInitialized() {
-		return !!this.token && !!this.accessToken;
-	}
-	async awaitInitApiIfNeeded() {
-		if (this.waitForInitApiPromise) await this.waitForInitApiPromise;
-	}
-	loadApiManifest({ apis = {}, apiDependencies = [] }) {
-		this.setAllApis(apis);
-		apiDependencies.forEach((dep) => {
-			this.setApiDepCandidates(dep.scopeId, dep.apiName, dep.params);
-			this.setApiReferences(dep.scopeId, dep.apiName, dep.dependencies);
-		});
-		const apisToSet = Object.values(apis).map(({ api, scopeId }) => ({
-			...api,
-			scopeId
-		}));
-		this.waitForInitApiPromise = new Promise((resolve) => {
-			const callbackId = addNewPromise(resolve);
-			window.parent.postMessage({
-				type: "set-apis-deployed-mode",
-				payload: {
-					apis: apisToSet,
-					callbackId
-				}
-			}, "*");
-		});
-	}
-	setAllApis(apis) {
-		this.apisByName = {};
-		Object.values(apis).forEach(({ api, scopeId }) => {
-			if (!this.apisByName[scopeId]) this.apisByName[scopeId] = {};
-			this.apisByName[scopeId][api.apiPb.metadata.name] = api;
-		});
-	}
-	setApisLoaded() {
-		this.rootStore.setApisLoaded();
-	}
-	setApiDepCandidates(scopeId, apiName, deps) {
-		if (!this.apiNameToDepCandidates[scopeId]) this.apiNameToDepCandidates[scopeId] = {};
-		this.apiNameToDepCandidates[scopeId][apiName] = deps;
-		if (!this.rootStore.isApisLoaded) this.rootStore.setApisLoaded();
-	}
-	setApiReferences(scopeId, apiName, deps) {
-		if (!this.apiNameToApiReferences[scopeId]) this.apiNameToApiReferences[scopeId] = {};
-		this.apiNameToApiReferences[scopeId][apiName] = deps;
-	}
-	updateApi(api, scopeId) {
-		if (!this.apisByName[scopeId]) this.apisByName[scopeId] = {};
-		this.apisByName[scopeId][api.apiPb.metadata.name] = api;
-		if (!this.rootStore.entityManager.getPossibleScope(scopeId)) {
-			console.warn(`Scope ${scopeId} not found. Could not update API.`, api.apiPb.metadata.name);
-			return;
-		}
-		const name = {
-			value: api.apiPb.metadata.name,
-			isAnonymous: false
-		};
-		if (!this.rootStore.entityManager.getEntity(scopeId, name)) this.rootStore.entityManager.createEntity({
-			name,
-			scopeId,
-			type: SbEntityType.API,
-			props: { response: null }
-		});
-	}
-	deleteApi(apiName, scopeId) {
-		if (!scopeId) return;
-		if (this.apisByName[scopeId]) delete this.apisByName[scopeId][apiName];
-		if (!this.rootStore.entityManager.getPossibleScope(scopeId)) {
-			console.warn(`Scope ${scopeId} not found. Could not delete API.`, apiName);
-			return;
-		}
-		const name = {
-			value: apiName,
-			isAnonymous: false
-		};
-		this.rootStore.entityManager.deleteEntity({
-			name,
-			scopeId
-		});
-	}
-	renameApi({ api, oldName, scopeId }) {
-		const name = {
-			value: oldName,
-			isAnonymous: false
-		};
-		if (!this.rootStore.entityManager.getEntity(scopeId, name)) {
-			console.warn(`API with name ${oldName} not found`);
-			return;
-		}
-		const newName = {
-			value: api.apiPb.metadata.name,
-			isAnonymous: false
-		};
-		this.rootStore.entityManager.renameEntity({
-			newName,
-			scopeId,
-			isDuplicate: false,
-			instanceId: oldName
-		});
-	}
-	@action async runApi(apiName, scopeId, options = {}) {
-		await this.awaitInitApiIfNeeded();
-		const api = this.apisByName[scopeId][apiName];
-		editorBridge.setApiStarted(apiName);
-		if (!api) {
-			console.error(`Api ${apiName} not found`);
-			throw new Error(`Api ${apiName} not found`);
-		}
-		if (!this.rootStore.applicationId) {
-			editorBridge.setApiResponse(apiName, {
-				status: "STATUS_COMPLETED",
-				execution: null,
-				errors: [{ message: "No application ID was found, ensure the app was bootstrap correctly." }]
-			});
-			sendNotification({
-				message: "No application ID was found, ensure the app was bootstrap correctly.",
-				type: "error"
-			});
-			return {
-				data: null,
-				error: "No application ID was found"
-			};
-		}
-		const apiDepCandidates = this.apiNameToDepCandidates[scopeId]?.[apiName] ?? [];
-		const { entities: inputs, files } = getApiDeps(this.rootStore.entityManager, scopeId, apiDepCandidates);
-		const controlFlowOnlyFiles = await formatFilesForRequest(files);
-		if (!this.agentUrls.length) {
-			editorBridge.setApiResponse(apiName, {
-				status: "STATUS_COMPLETED",
-				execution: null,
-				errors: [{ message: "No active agent found" }]
-			});
-			sendNotification({
-				message: "No active agent found",
-				type: "error"
-			});
-			return {
-				data: null,
-				error: "No active agent found"
-			};
-		}
-		const agentBaseUrl = this.agentUrls[Math.floor(Math.random() * this.agentUrls.length)];
-		const orchestratorUrl = new URL("v2/execute", agentBaseUrl).href;
-		const profileKey = (this.rootStore.entityManager.getPossibleScope(GLOBAL_SCOPE_ID)?.entities?.Global)?.profiles?.selected?.key ?? "staging";
-		const events = [];
-		await this.rootStore.editStore?.operationManager.ensureFilesSynced();
-		const abortController = new AbortController();
-		this.runningApiControllers[apiName] = abortController;
-		const editMode$1 = isEditMode();
-		const isStream = editMode$1 ? true : false;
-		const authResult = await new Promise((resolve) => {
-			const callbackId = addNewPromise(resolve);
-			window.parent.postMessage({
-				type: "authenticate-api-request",
-				payload: {
-					apiId: api.apiPb.metadata.id,
-					callbackId
-				}
-			}, "*");
-		});
-		if (authResult?.errors && authResult.errors.length > 0) console.error("API Authentication returned with errors", authResult.errors);
-		const { traceHeaders,...restArgs } = options;
-		const syncResponse = await executeV2Api({
-			body: {
-				inputs: {
-					...restArgs,
-					...inputs
-				},
-				fetchByPath: {
-					path: `/pages/${api.pageName}/apis/${apiName}/api.yaml`,
-					applicationId: this.rootStore.applicationId ?? "",
-					branchName: "main",
-					profile: { name: profileKey },
-					viewMode: OrchestratorViewMode.UNSPECIFIED
-				},
-				options: {
-					includeEventOutputs: editMode$1,
-					includeEvents: isStream || editMode$1,
-					includeResolved: editMode$1
-				}
-			},
-			controlFlowOnlyFiles,
-			api,
-			environment: profileKey,
-			eventType: "api",
-			notifyOnSystemError: true,
-			responseType: isStream ? ApiResponseType.STREAM : ApiResponseType.SYNC,
-			baseUrl: isStream ? orchestratorUrl + "/stream" : orchestratorUrl,
-			agents: [],
-			viewMode: editMode$1 ? ViewMode.EDITOR : ViewMode.DEPLOYED,
-			accessToken: this.accessToken ?? "",
-			token: this.token ?? "",
-			traceHeaders,
-			abortController,
-			onMessage: (message) => {
-				editorBridge.sendStreamedApiMessage(message, apiName);
-			},
-			processStreamEvents: (event) => {
-				events.push(event);
-				editorBridge.sendStreamedApiEvent(event, apiName);
-			}
-		});
-		const parsedResult = isStream ? parseStreamResult(events, { includeFinalOutput: true }) : syncResponse;
-		if (parsedResult) decodeBytestringsInV2ExecutionResponse(parsedResult);
-		delete this.runningApiControllers[apiName];
-		editorBridge.setApiResponse(apiName, parsedResult);
-		const error = this.findError(parsedResult ?? void 0);
-		return {
-			data: isApiV2ExecutionResponse(parsedResult) ? parsedResult?.output?.result : null,
-			error
-		};
-	}
-	findError(apiResponse) {
-		if (apiResponse && "systemError" in apiResponse) return;
-		const firstUnhandledError = apiResponse?.errors?.find((error) => !error?.handled);
-		if (!firstUnhandledError) return;
-		return `Error in API: ${firstUnhandledError?.message}`;
-	}
-	@action async cancelApi(apiName, _scopeId) {
-		const abortController = this.runningApiControllers[apiName];
-		if (!abortController) {
-			console.warn(`No running API execution found for ${apiName}`);
-			return;
-		}
-		abortController.abort();
-		delete this.runningApiControllers[apiName];
-		editorBridge.setApiResponse(apiName, {
-			status: "STATUS_CANCELLED",
-			execution: null,
-			events: [],
-			errors: [{ message: "API execution was cancelled" }],
-			output: null
-		});
-	}
-};
-var api_store_default = ApiManager;
-
-//#endregion
-//#region src/edit-mode/mobx-sync/create-patch.ts
-const microPatches = (oldValue, newValue, baseStr) => {
-	const cleanedOldValue = removeBindAndReactElements(oldValue);
-	const cleanedNewValue = removeBindAndReactElements(newValue);
-	if (cleanedOldValue === void 0) return [{
-		op: "add",
-		path: pathStringToArray(baseStr),
-		value: cleanedNewValue
-	}];
-	if (isPrimitive(cleanedOldValue) || isPrimitive(cleanedNewValue)) {
-		if (cleanedOldValue !== cleanedNewValue) return [{
-			op: "update",
-			path: pathStringToArray(baseStr),
-			value: cleanedNewValue
-		}];
-		return [];
-	}
-	const diffs = diff(cleanedOldValue, cleanedNewValue);
-	const basePath = pathStringToArray(baseStr);
-	return diffs.map((diff$1) => toMobXPatchFromMicroDiff(diff$1, basePath));
-};
-function isPrimitive(value) {
-	return value === null || typeof value === "string" || typeof value === "number" || typeof value === "boolean" || typeof value === "undefined";
-}
-function toMobXPatchFromMicroDiff(diff$1, basePath) {
-	const type = diff$1.type;
-	const fullPath = [...basePath, ...diff$1.path];
-	switch (type) {
-		case "CREATE": return {
-			op: "add",
-			path: fullPath,
-			value: diff$1.value
-		};
-		case "CHANGE": return {
-			op: "update",
-			path: fullPath,
-			value: diff$1.value
-		};
-		case "REMOVE": return {
-			op: "remove",
-			path: fullPath
-		};
-		default: throw new Error(`Unhandled diff type: ${type}`);
-	}
-}
-const removeBindAndReactElements = (value) => {
-	if (!value || typeof value !== "object") return value;
-	if (isReactElement(value)) return;
-	if (Array.isArray(value)) return value.map(removeBindAndReactElements);
-	return Object.fromEntries(Object.entries(value).map(([key, value$1]) => {
-		if (key === "bind") return [key, void 0];
-		return [key, removeBindAndReactElements(value$1)];
-	}));
-};
-
-//#endregion
-//#region src/edit-mode/mobx-sync/deep-observe.ts
-function buildPath(entry) {
-	if (!entry) return "ROOT";
-	const res = [];
-	while (entry.parent) {
-		res.push(entry.path);
-		entry = entry.parent;
-	}
-	return res.reverse().join("/");
-}
-function isRecursivelyObservable(thing) {
-	return isObservableObject(thing) || isObservableArray(thing) || isObservableMap(thing);
-}
-/**
-* Given an object, deeply observes the given object.
-* It is like `observe` from mobx, but applied recursively, including all future children.
-*
-* Note that the given object cannot ever contain cycles and should be a tree.
-*
-* As benefit: path and root will be provided in the callback, so the signature of the listener is
-* (change, path, root) => void
-*
-* The returned disposer can be invoked to clean up the listener
-*
-* deepObserve cannot be used on computed values.
-*
-* @example
-* const disposer = deepObserve(target, (change, path) => {
-*    console.dir(change)
-* })
-*/
-function deepObserve(target, listener) {
-	const entrySet = /* @__PURE__ */ new WeakMap();
-	function genericListener(change) {
-		const entry = entrySet.get(change.object);
-		processChange(change, entry);
-		listener(change, buildPath(entry), target);
-	}
-	function processChange(change, parent) {
-		switch (change.type) {
-			case "add":
-				observeRecursively(change.newValue, parent, change.name);
-				break;
-			case "update":
-				unobserveRecursively(change.oldValue);
-				observeRecursively(change.newValue, parent, change.name || "" + change.index);
-				break;
-			case "remove":
-			case "delete":
-				unobserveRecursively(change.oldValue);
-				break;
-			case "splice":
-				change.removed.map(unobserveRecursively);
-				change.added.forEach((value, idx) => observeRecursively(value, parent, "" + (change.index + idx)));
-				for (let i = change.index + change.addedCount; i < change.object.length; i++) if (isRecursivelyObservable(change.object[i])) {
-					const entry = entrySet.get(change.object[i]);
-					if (entry) entry.path = "" + i;
-				}
-				break;
-		}
-	}
-	function observeRecursively(thing, parent, path) {
-		if (isRecursivelyObservable(thing)) {
-			const entry = entrySet.get(thing);
-			if (entry) {
-				if (entry.parent !== parent || entry.path !== path) throw new Error(`The same observable object cannot appear twice in the same tree, trying to assign it to '${buildPath(parent)}/${path}', but it already exists at '${buildPath(entry.parent)}/${entry.path}'`);
-			} else {
-				const entry$1 = {
-					parent,
-					path,
-					dispose: observe(thing, genericListener)
-				};
-				entrySet.set(thing, entry$1);
-				entries(thing).forEach(([key, value]) => observeRecursively(value, entry$1, "" + key));
-			}
-		}
-	}
-	function unobserveRecursively(thing) {
-		if (isRecursivelyObservable(thing)) {
-			const entry = entrySet.get(thing);
-			if (!entry) return;
-			entrySet.delete(thing);
-			entry.dispose();
-			values(thing).forEach(unobserveRecursively);
-		}
-	}
-	observeRecursively(target, void 0, "");
-	return () => {
-		unobserveRecursively(target);
-	};
-}
-
-//#endregion
-//#region src/edit-mode/mobx-sync/mobx-editor-sync.ts
-/**
-* Syncs a mobx store to the editor automatically through postmessage
-*/
-function startEditorSync(options) {
-	if (!isEditMode()) return () => {};
-	const { store, storeId, keys, projection, debounce } = options;
-	const reactionOptions = {
-		delay: debounce,
-		name: `editor-sync(${storeId})`
-	};
-	let initialState;
-	if (keys) initialState = sanitizedToJS(pick(store, Object.keys(keys)));
-	else if (projection) initialState = sanitizedToJS(projection(store));
-	else initialState = sanitizedToJS(store);
-	editorBridge.initializeEditorSyncedStore({
-		storeId,
-		initialState
-	});
-	if (projection) {
-		const initialProjection = projection(store);
-		const projectionKeys = Object.keys(initialProjection);
-		const createDisposer = (key) => {
-			let lastValue;
-			return reaction(() => {
-				return sanitizedToJS(projection(store)[key]);
-			}, (value) => {
-				const diffs = microPatches(lastValue, value, key);
-				lastValue = value;
-				if (!(diffs.length === 0)) editorBridge.updateEditorSyncedStore({
-					storeId,
-					patch: diffs
-				});
-			}, reactionOptions);
-		};
-		const projectionDisposers = projectionKeys.reduce((acc, key) => {
-			acc[key] = createDisposer(key);
-			return acc;
-		}, {});
-		const projectionKeysDisposer = reaction(() => Object.keys(projection(store)), (newKeys) => {
-			const lastKeys = Object.keys(projectionDisposers);
-			const deletedKeys = lastKeys.filter((key) => !newKeys.includes(key));
-			newKeys.filter((key) => !lastKeys.includes(key)).forEach((key) => {
-				projectionDisposers[key] = createDisposer(key);
-				editorBridge.updateEditorSyncedStore({
-					storeId,
-					patch: {
-						op: "update",
-						path: [key],
-						value: sanitizedToJS(projection(store)[key])
-					}
-				});
-			});
-			deletedKeys.forEach((key) => {
-				projectionDisposers[key]();
-				delete projectionDisposers[key];
-				editorBridge.updateEditorSyncedStore({
-					storeId,
-					patch: {
-						op: "remove",
-						path: [key]
-					}
-				});
-			});
-		}, reactionOptions);
-		return () => {
-			projectionKeysDisposer();
-			Object.values(projectionDisposers).forEach((disposer) => disposer());
-		};
-	}
-	const keyArr = Object.keys(keys ?? store);
-	const computedKeys = keyArr.filter((key) => isComputedProp(store, key));
-	const observableKeys = keyArr.filter((key) => !computedKeys.includes(key));
-	const disposers = [];
-	const computedDisposers = computedKeys.map((key) => reaction(() => store[key], (value) => {
-		editorBridge.updateEditorSyncedStore({
-			storeId,
-			patch: {
-				op: "update",
-				path: [key],
-				value
-			}
-		});
-	}, reactionOptions));
-	disposers.push(...computedDisposers);
-	if (observableKeys.length > 0 || !(keys !== void 0)) {
-		const deepDisposer = deepObserve(store, (change, pathStr) => {
-			const patch = toMobXPatch(change, pathStr);
-			if (keys && !keys[patch.path[0]]) return;
-			try {
-				editorBridge.updateEditorSyncedStore({
-					storeId,
-					patch
-				});
-			} catch (error) {
-				console.error(`[startEditorSync][${storeId}] Failed to send patch:`, error);
-			}
-		});
-		disposers.push(deepDisposer);
-	}
-	return () => {
-		disposers.forEach((disposer) => disposer());
-	};
-}
-
-//#endregion
-//#region src/lib/internal-details/lib/features/type-defs-utils.ts
-const analyzePropertyType = (propData, prop) => {
-	let dataType;
-	if (propData.dataType === "composite" && prop && typeof prop.getProps === "function") {
-		const nestedProps = prop.getProps();
-		const objectFields = {};
-		for (const [key, nestedProp] of Object.entries(nestedProps)) if (nestedProp && typeof nestedProp.build === "function") {
-			const nestedPropData = nestedProp.build();
-			if (nestedPropData && nestedPropData.isExternallyReadable) objectFields[key] = analyzePropertyType(nestedPropData, nestedProp);
-		}
-		if (Object.keys(objectFields).length > 0) dataType = objectFields;
-	} else if (propData.dataType === "dimension") dataType = {
-		mode: "string",
-		value: "number"
-	};
-	else if (propData.dataType === "event") dataType = "function";
-	else if (propData.dataType === "string" || propData.dataType === "number" || propData.dataType === "boolean" || propData.dataType === "array" || propData.dataType === "function") dataType = propData.dataType;
-	else dataType = "unknown";
-	return dataType;
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/features/component-registry.ts
-/**
-* TODO: The component registry could be split into two a thin layer always on, and move some stuff to the EditStore.
-* Some of the actions (rename, delete) and some of the data (isDroppable) are editor-only.
-*/
-var ComponentRegistry = class {
-	_typeRegistry = /* @__PURE__ */ new Map();
-	_customComponentRegistry = /* @__PURE__ */ new Map();
-	_managedPropsRegistry = /* @__PURE__ */ new Map();
-	_internalPropsRegistry = /* @__PURE__ */ new Map();
-	_editorTemplatesRegistry = /* @__PURE__ */ new Map();
-	_editorConfigsRegistry = /* @__PURE__ */ new Map();
-	_defaultContainerType;
-	_defaultButtonType;
-	_defaultTextType;
-	constructor(rootStore) {
-		this.rootStore = rootStore;
-		makeAutoObservable(this);
-		startEditorSync({
-			store: this,
-			storeId: "component-registry",
-			keys: {
-				customComponentList: true,
-				libraryComponentCatalogs: true,
-				libraryComponentEditorConfigs: true,
-				entityDefinitions: true,
-				componentsWithCallFunctions: true
-			}
-		});
-	}
-	addType(type, component) {
-		this._typeRegistry.set(type, component);
-	}
-	addCustomComponent(type, component) {
-		this._customComponentRegistry.set(type, component);
-	}
-	deleteCustomComponent(type) {
-		this._customComponentRegistry.delete(type);
-		this._managedPropsRegistry.delete(type);
-		this._editorTemplatesRegistry.delete(type);
-	}
-	renameCustomComponent(oldName, newName) {
-		const component = this._customComponentRegistry.get(oldName);
-		const managedProps = this._managedPropsRegistry.get(oldName);
-		if (component) {
-			this._customComponentRegistry.set(newName, component);
-			this._customComponentRegistry.delete(oldName);
-			if (managedProps) {
-				this._managedPropsRegistry.set(newName, managedProps);
-				this._managedPropsRegistry.delete(oldName);
-			}
-		}
-	}
-	addManagedProps(type, props) {
-		this._managedPropsRegistry.set(type, props);
-	}
-	deleteManagedProps(type) {
-		this._managedPropsRegistry.delete(type);
-	}
-	addEditorTemplate(type, template) {
-		const existingTemplates = this._editorTemplatesRegistry.get(type) ?? [];
-		if (existingTemplates.some((t) => t.catalog?.displayName === template.catalog?.displayName && t.catalog?.category === template.catalog?.category)) return;
-		this._editorTemplatesRegistry.set(type, [...existingTemplates, template]);
-	}
-	getEditorTemplates(type) {
-		return this._editorTemplatesRegistry.get(type);
-	}
-	addEditorConfig(type, config) {
-		if (config.useAs) {
-			if (config.useAs.defaultContainer) this._defaultContainerType = type;
-			if (config.useAs.defaultButton) this._defaultButtonType = type;
-			if (config.useAs.defaultText) this._defaultTextType = type;
-		}
-		this._editorConfigsRegistry.set(type, config);
-	}
-	addInternalProps(type, props) {
-		this._internalPropsRegistry.set(type, props);
-	}
-	getInternalProps(type) {
-		return this._internalPropsRegistry.get(type) ?? [];
-	}
-	getEditorConfig(type) {
-		return this._editorConfigsRegistry.get(type);
-	}
-	get entityDefinitions() {
-		const entityDefinitions = {};
-		for (const [componentType, componentData] of [...this._typeRegistry.entries(), ...this._customComponentRegistry.entries()]) {
-			const propertiesDefinition = componentData.propertiesDefinition;
-			if (!propertiesDefinition) continue;
-			const entityDefinition = {
-				description: this.getEditorConfig(componentType)?.description,
-				props: {}
-			};
-			for (const section of Object.values(propertiesDefinition)) for (const [propKey, prop] of Object.entries(section.props)) {
-				const propData = prop.build();
-				if (propData && propData.isExternallyReadable) {
-					const dataType = analyzePropertyType(propData, prop);
-					const entityDefEntry = {
-						label: propData.docs?.label,
-						description: propData.docs?.description,
-						isSettable: propData.isExternallySettable,
-						priority: propData.docs?.priority,
-						dataType
-					};
-					entityDefinition.props[propKey] = entityDefEntry;
-				}
-			}
-			entityDefinitions[componentType] = entityDefinition;
-		}
-		return entityDefinitions;
-	}
-	get libraryComponentCatalogs() {
-		return Array.from(this._editorTemplatesRegistry.entries()).flatMap(([componentType, templates]) => {
-			return templates.reduce((acc, template) => {
-				const catalog = template.catalog;
-				if (catalog) return [...acc, {
-					...catalog,
-					componentType
-				}];
-				return acc;
-			}, []);
-		});
-	}
-	get libraryComponentEditorConfigs() {
-		return Object.fromEntries(this._editorConfigsRegistry.entries());
-	}
-	get customComponentList() {
-		return Array.from(this._customComponentRegistry.keys());
-	}
-	get containerTypes() {
-		return new Set([this.defaultTagNames.container]);
-	}
-	get defaultTagNames() {
-		if (!this._defaultContainerType) console.warn("No default container registered - defaulting to 'Container'.");
-		if (!this._defaultButtonType) console.warn("No default button registered - defaulting to 'Button'.");
-		if (!this._defaultTextType) console.warn("No default text registered - defaulting to 'Text'.");
-		return {
-			container: this._defaultContainerType ?? "Container",
-			button: this._defaultButtonType ?? "Button",
-			text: this._defaultTextType ?? "Text"
-		};
-	}
-	get managedPropsRegistry() {
-		return this._managedPropsRegistry;
-	}
-	getManagedProps(type) {
-		return this._managedPropsRegistry.get(type) ?? [];
-	}
-	getComponent(type) {
-		return this._typeRegistry.get(type) ?? this._customComponentRegistry.get(type);
-	}
-	/**
-	* Get the property path with the record identifier if it exists. For example,
-	* `columns.columnName.label` becomes `columns.*.label`, for record properties.
-	*/
-	getPropertyWithRecordIdentifier(type, path) {
-		const managedProps = this.getManagedProps(type);
-		const splitPath = path.split(".");
-		if (splitPath.length === 1) return path;
-		const [parentKey, _maybeTheRecordKey, ...rest] = splitPath;
-		for (const prop of managedProps) if (prop.path.startsWith(parentKey) && prop.path.includes(RECORD_PATH_IDENTIFIER) && rest.length > 0 && prop.path.endsWith(rest.join("."))) return [
-			parentKey,
-			RECORD_PATH_IDENTIFIER,
-			rest.join(".")
-		].join(".");
-		return path;
-	}
-	get componentsWithCallFunctions() {
-		return Object.fromEntries(Array.from(this.managedPropsRegistry.entries()).filter(([_$1, props]) => {
-			return props.some((prop) => prop.isFunctionProp);
-		}).map(([type, props]) => {
-			return [type, props.filter((prop) => prop.isFunctionProp && prop.hasActionPanel).map((prop) => ({
-				functionName: prop.path,
-				label: prop.docs?.label,
-				priority: prop.docs?.priority
-			}))];
-		}).filter(([_$1, props]) => props.length > 0));
-	}
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/features/name-manager.ts
-const DEFAULT_ANONYMOUS_SOURCE_ID = "SB--anon-src";
-var NameManager = class {
-	_mountedIdentifiers = {};
-	_allPossibleIdentifiers = {};
-	_scopeToNameToIdentifiers = {};
-	_allNamesToIdentifiers = {};
-	_prefixAllocation = {};
-	_instanceIdToPrefixInfo = {};
-	constructor(entityManager) {
-		this.entityManager = entityManager;
-		makeObservable(this, {
-			_mountedIdentifiers: observable,
-			_allPossibleIdentifiers: observable,
-			_scopeToNameToIdentifiers: observable,
-			_allNamesToIdentifiers: observable,
-			registerIdentifier: action,
-			unregisterIdentifier: action,
-			registerAndGetIdentifiers: action,
-			changeWidgetName: action
-		});
-	}
-	get scopeToNameToIds() {
-		return this._scopeToNameToIdentifiers;
-	}
-	getWidgetName(instanceId) {
-		return this._mountedIdentifiers[instanceId]?.name;
-	}
-	hasEntityWithName(name) {
-		return Object.keys(this._allNamesToIdentifiers[name] ?? {}).length > 0;
-	}
-	hasDuplicateNames(scopeId, name) {
-		return this.getSharedNameCount(scopeId, name) > 1;
-	}
-	nextNameAndIdForCombination(params) {
-		const instancePrefix = params.rootId ? `${params.sourceId}-${params.scopeId}-${params.rootId}` : `${params.sourceId}-${params.scopeId}`;
-		this._prefixAllocation[instancePrefix] ??= {
-			usedIndices: /* @__PURE__ */ new Set(),
-			guaranteedIndex: 0,
-			optimisticIndex: null
-		};
-		const allocation = this._prefixAllocation[instancePrefix];
-		let order = allocation.guaranteedIndex;
-		if (allocation.optimisticIndex != null && !allocation.usedIndices.has(allocation.optimisticIndex)) {
-			order = allocation.optimisticIndex;
-			if (allocation.optimisticIndex + 1 >= allocation.guaranteedIndex) allocation.optimisticIndex = null;
-			else allocation.optimisticIndex += 1;
-		} else {
-			order = allocation.guaranteedIndex;
-			allocation.guaranteedIndex += 1;
-		}
-		allocation.usedIndices.add(order);
-		const instanceId = `I-${`${instancePrefix}-${order}`}`;
-		this._instanceIdToPrefixInfo[instanceId] = {
-			prefix: instancePrefix,
-			index: order
-		};
-		return {
-			name: {
-				value: params.name == null ? `anon-${instanceId}` : params.name,
-				isAnonymous: params.name == null,
-				__isName: true
-			},
-			instanceId
-		};
-	}
-	trackIdentifier(identifier) {
-		const { scopeId, instanceId, name } = identifier;
-		set(this._scopeToNameToIdentifiers, [
-			scopeId,
-			name.value,
-			instanceId
-		], identifier);
-		set(this._allNamesToIdentifiers, [name.value, instanceId], identifier);
-		this._mountedIdentifiers[instanceId] = identifier;
-	}
-	untrackIdentifier(instanceId) {
-		const identifier = this._mountedIdentifiers[instanceId];
-		if (!identifier) return;
-		const { scopeId, name } = identifier;
-		if (get(this._scopeToNameToIdentifiers, [
-			scopeId,
-			name.value,
-			instanceId
-		])) delete this._scopeToNameToIdentifiers[scopeId][name.value][instanceId];
-		if (get(this._allNamesToIdentifiers, [name.value, instanceId])) delete this._allNamesToIdentifiers[name.value][instanceId];
-		delete this._mountedIdentifiers[instanceId];
-		const prefixInfo = this._instanceIdToPrefixInfo[instanceId];
-		if (prefixInfo) {
-			const allocation = this._prefixAllocation[prefixInfo.prefix];
-			if (allocation) {
-				allocation.usedIndices.delete(prefixInfo.index);
-				if (allocation.usedIndices.size === 0) delete this._prefixAllocation[prefixInfo.prefix];
-				else if (allocation.optimisticIndex == null || allocation.optimisticIndex > prefixInfo.index) allocation.optimisticIndex = prefixInfo.index;
-			}
-			delete this._instanceIdToPrefixInfo[instanceId];
-		}
-	}
-	registerIdentifier(identifier) {
-		this.trackIdentifier(identifier);
-	}
-	unregisterIdentifier(instanceId) {
-		this.untrackIdentifier(instanceId);
-	}
-	getExistingIdentifier(instanceId) {
-		const identifier = this._allPossibleIdentifiers[instanceId];
-		if (!identifier) {
-			console.log(`No identifier found for instanceId ${instanceId}`);
-			return;
-		}
-		return identifier;
-	}
-	registerAndGetIdentifiers(params) {
-		const { sourceId = DEFAULT_ANONYMOUS_SOURCE_ID, scopeId, rootId, existingInstanceId, type } = params;
-		if (existingInstanceId) {
-			const identifier$1 = this.getExistingIdentifier(existingInstanceId);
-			if (identifier$1) return identifier$1;
-		}
-		const { name, instanceId } = this.nextNameAndIdForCombination({
-			sourceId,
-			scopeId,
-			rootId,
-			name: params.name
-		});
-		if (this._mountedIdentifiers[instanceId]) return this._mountedIdentifiers[instanceId];
-		const identifier = {
-			sourceId,
-			name,
-			instanceId,
-			scopeId,
-			type
-		};
-		this._allPossibleIdentifiers[instanceId] = identifier;
-		return identifier;
-	}
-	getSharedNameCount(scopeId, name) {
-		return Object.keys(this._scopeToNameToIdentifiers[scopeId]?.[name] ?? {}).length;
-	}
-	changeWidgetName(instanceId, _newName) {
-		const existingIdentifier = this._mountedIdentifiers[instanceId];
-		if (!existingIdentifier) return null;
-		const existingNameCount = this.getSharedNameCount(existingIdentifier.scopeId, existingIdentifier.name.value);
-		const newName = _newName == null ? `anon-${instanceId}` : _newName;
-		const name = {
-			value: newName,
-			isAnonymous: newName == null,
-			__isName: true
-		};
-		const newIdentifier = {
-			...existingIdentifier,
-			name
-		};
-		this.untrackIdentifier(existingIdentifier.instanceId);
-		this.trackIdentifier(newIdentifier);
-		this.entityManager.renameEntity({
-			scopeId: existingIdentifier.scopeId,
-			instanceId: existingIdentifier.instanceId,
-			newName: name,
-			isDuplicate: existingNameCount > 1
-		});
-		return newIdentifier;
-	}
-};
-
-//#endregion
-//#region src/lib/internal-details/lib/root-store.ts
-var RootStore = class {
-	apis;
-	nameManager;
-	entityManager;
-	componentRegistry;
-	editStore;
-	locationStore;
-	currentPageScopeId;
-	applicationId;
-	userId;
-	windowOriginUrl;
-	editorRegisteredCallbacks = [];
-	apisLoaded = false;
-	appLoadedCallbacks = [];
-	pageLoadedCallbacks = /* @__PURE__ */ new Map();
-	constructor() {
-		this.apis = new api_store_default(this);
-		this.componentRegistry = new ComponentRegistry(this);
-		this.entityManager = new EntityManager(this.componentRegistry, { devtools: true });
-		this.nameManager = new NameManager(this.entityManager);
-		this.locationStore = new LocationStore(this);
-		this.entityManager.createEntity({
-			name: getName("Global"),
-			type: "global",
-			props: {},
-			scopeId: GLOBAL_SCOPE_ID
-		});
-		makeObservable(this, {
-			editStore: observable.shallow,
-			setEditStore: action,
-			applicationId: observable,
-			userId: observable
-		});
-	}
-	setEditStore(editStore) {
-		if (this.editStore) return;
-		this.editStore = editStore;
-		this.editorRegisteredCallbacks.forEach((fn) => fn());
-		this.editorRegisteredCallbacks = [];
-	}
-	onEditorRegistered(fn) {
-		this.editorRegisteredCallbacks.push(fn);
-	}
-	/**
-	* There is a timing problem here between when the APIs are registered and when the scope entities are registered.
-	* Regardless of which one is done first, we need to wait for both before firing page load actions
-	*/
-	setApisLoaded() {
-		this.apisLoaded = true;
-		this.fireAppLoadedCallbacks();
-		if (this.currentPageScopeId) this.firePageLoadedCallbacks(this.currentPageScopeId);
-	}
-	fireAppLoadedCallbacks() {
-		if (!this.apisLoaded) return;
-		for (const fn of this.appLoadedCallbacks) fn();
-	}
-	onAppLoaded(fn) {
-		this.appLoadedCallbacks.push(fn);
-		return () => {
-			this.appLoadedCallbacks.filter((cb) => cb !== fn);
-		};
-	}
-	firePageLoadedCallbacks(scopeId) {
-		if (!this.apisLoaded) return;
-		this.pageLoadedCallbacks.get(scopeId)?.forEach((fn) => fn());
-	}
-	onPageLoaded(scopeId, fn) {
-		const callbacks = this.pageLoadedCallbacks.get(scopeId) || [];
-		callbacks.push(fn);
-		this.pageLoadedCallbacks.set(scopeId, callbacks);
-		return () => {
-			this.pageLoadedCallbacks.set(scopeId, callbacks.filter((cb) => cb !== fn));
-		};
-	}
-	get isApisLoaded() {
-		return this.apisLoaded;
-	}
-};
-var root_store_default = new RootStore();
-
-//#endregion
-export { getName as A, Section as C, NavigationEvent as D, run_event_handlers_default as E, isEmbeddedBySuperblocksFirstParty as F, isEditMode as I, getEditStore as L, isNameEqual as M, editorBridge as N, navigation as O, iframeMessageHandler as P, RecordProp as S, createPropertiesPanelDefinition as T, DevTools as _, addNewPromise as a, Prop as b, FileManager as c, CLASS_NAMES as d, colors as f, EventFlow as g, LazyFunction as h, generateId as i, isName as j, isLocalLink as k, getFileWithUploadId as l, GLOBAL_SCOPE_ID as m, DEFAULT_ANONYMOUS_SOURCE_ID as n, rejectById as o, system_error_default as p, startEditorSync as r, resolveById as s, root_store_default as t, sendNotification as u, createInternalPropsList as v, VALIDATORS as w, PropsPanelCategory as x, createManagedPropsList as y };
-//# sourceMappingURL=root-store-Cc3dO2jP.js.map