@superblocksteam/library 2.0.118-next.0 → 2.0.118

package/dist/{jsx-wrapper-BaTggkUU.js → jsx-wrapper-BLrvyiEf.js}

@@ -1,4 +1,4 @@
-import { t as getTracer } from "./utils-BfE8-Afc.js";
+import { t as getTracer } from "./utils-BGEEeYie.js";
 import { InputType, PropsCategory } from "@superblocksteam/library-shared/props";
 import { action, entries, isComputedProp, isObservableArray, isObservableMap, isObservableObject, makeAutoObservable, makeObservable, observable, observe, reaction, toJS, values } from "mobx";
 import { matchRoutes } from "react-router";
@@ -7,7 +7,7 @@ import * as React$1 from "react";
 import React, { Component, createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
 import { pick, throttle } from "lodash";
 import { ApiResponseType, OrchestratorViewMode, SUPERBLOCKS_AUTHORIZATION_HEADER, SUPERBLOCKS_REQUEST_ID_HEADER, ViewMode, decodeBytestrings } from "@superblocksteam/shared";
-import isString from "lodash/isString.js";
+import isString from "lodash/isString";
 import { toast } from "sonner";
 import styled, { keyframes } from "styled-components";
 import { NotificationPosition } from "@superblocksteam/library-shared/types";
@@ -16,6 +16,7 @@ import { ROOT_CONTEXT, context, propagation, trace } from "@opentelemetry/api";
 import diff from "microdiff";
 import { Observer } from "mobx-react-lite";
 import polyfill from "@oddbird/css-anchor-positioning/fn";
+
 //#region src/edit-mode/get-edit-store.ts
 /**
 * Get the global EditStore instance
@@ -25,6 +26,7 @@ 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/user-facing/properties-panel/properties-panel-definition.ts
 function createPropertiesPanelDefinition(sections, componentProps) {
@@ -73,6 +75,7 @@ function createPropertiesPanelDefinition(sections, componentProps) {
 	}
 	return { sections: sectionDefs };
 }
+
 //#endregion
 //#region src/lib/user-facing/properties-panel/props-builder.ts
 function mergeRelations(existingRelations, relations) {
@@ -192,7 +195,10 @@ var Prop = class Prop {
 			case "string": return Prop.string().default(value);
 			case "number": return Prop.number().default(value);
 			case "boolean": return Prop.boolean().default(value);
-			default: throw new Error(`Invalid literal value: ${value}`);
+			default: {
+				const exhaustiveCheck = value;
+				throw new Error(`Invalid literal value: ${exhaustiveCheck}`);
+			}
 		}
 	}
 	static eventHandler() {
@@ -291,6 +297,7 @@ var Prop = class Prop {
 			case "jsx":
 				baseControlType = "JSX";
 				break;
+			case "any":
 			default:
 				baseControlType = "INPUT_JS_EXPR";
 				break;
@@ -505,6 +512,10 @@ var UnionProp = class extends Prop {
 		};
 	}
 };
+
+//#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;
@@ -527,10 +538,10 @@ function buildPropLeafDefault(prop, name, parentDefault) {
 * and calls the provided callback for each leaf property.
 */
 function traverseProps(sections, onProp, parentPath = "") {
-	const processProps = ({ props, parentPath, parentDefault }) => {
+	const processProps = ({ props, parentPath: parentPath$1, parentDefault }) => {
 		for (const [name, prop] of Object.entries(props)) {
 			if (!prop) continue;
-			const fullPath = parentPath ? `${parentPath}.${name}` : name;
+			const fullPath = parentPath$1 ? `${parentPath$1}.${name}` : name;
 			if (prop instanceof CompositeProp) {
 				const compositeDefault = buildCompositeDefault(prop, name, parentDefault);
 				processProps({
@@ -539,7 +550,7 @@ function traverseProps(sections, onProp, parentPath = "") {
 					parentDefault: compositeDefault
 				});
 			} else if (prop instanceof RecordProp) {
-				const recordPath = `${fullPath}.*`;
+				const recordPath = `${fullPath}.${RECORD_PATH_IDENTIFIER}`;
 				processProps({
 					props: prop.nestedProps,
 					parentPath: recordPath,
@@ -547,7 +558,7 @@ function traverseProps(sections, onProp, parentPath = "") {
 				});
 			} else if (prop instanceof Section) processProps({
 				props: prop.props,
-				parentPath
+				parentPath: parentPath$1
 			});
 			else if (prop instanceof UnionProp) {
 				const sharedKeys = Object.keys(prop.shared);
@@ -584,6 +595,7 @@ function createManagedPropsList(sections, parentPath = "") {
 	}, parentPath);
 	return managedPropsList;
 }
+
 //#endregion
 //#region src/lib/internal-details/is-edit-mode.ts
 const getIsEditMode = () => {
@@ -594,6 +606,7 @@ const isEditMode = () => {
 	if (editMode === void 0) editMode = getIsEditMode();
 	return editMode;
 };
+
 //#endregion
 //#region src/lib/utils/clean-object.ts
 const isReactElement = (obj) => {
@@ -632,6 +645,7 @@ function cleanObject(obj) {
 		return acc;
 	}, {});
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/iframe.ts
 function isEmbeddedBySuperblocksFirstParty() {
@@ -696,6 +710,7 @@ var SbIframeEventInternal = class extends Event {
 };
 var SbMessageHandler = class extends EventTarget {};
 const iframeMessageHandler = new SbMessageHandler();
+
 //#endregion
 //#region src/edit-mode/base-editor-bridge.ts
 var DeployedParentBridge = class {
@@ -761,6 +776,7 @@ var DeployedParentBridge = class {
 		});
 	}
 };
+
 //#endregion
 //#region src/edit-mode/message-queue.ts
 const MESSAGE_BATCH_TIME = 50;
@@ -791,6 +807,7 @@ var MessageQueue = class {
 	}
 };
 var message_queue_default = new MessageQueue();
+
 //#endregion
 //#region src/edit-mode/superblocks-editor-bridge.ts
 var SuperblocksEditorBridge = class SuperblocksEditorBridge {
@@ -798,8 +815,8 @@ var SuperblocksEditorBridge = class SuperblocksEditorBridge {
 	messagesToSend = [];
 	connectedToParent = false;
 	static getInstance() {
-		const editMode = isEditMode();
-		if (!SuperblocksEditorBridge.instance) SuperblocksEditorBridge.instance = editMode ? new SuperblocksEditorBridge() : new DeployedParentBridge();
+		const editMode$1 = isEditMode();
+		if (!SuperblocksEditorBridge.instance) SuperblocksEditorBridge.instance = editMode$1 ? new SuperblocksEditorBridge() : new DeployedParentBridge();
 		return SuperblocksEditorBridge.instance;
 	}
 	connected() {
@@ -1165,6 +1182,7 @@ function clampPromptLength(prompt) {
 	return `${prompt.slice(0, available)}${TRUNCATION_SUFFIX}`;
 }
 const editorBridge = SuperblocksEditorBridge.getInstance();
+
 //#endregion
 //#region src/lib/internal-details/location-store.ts
 var LocationStore = class {
@@ -1211,6 +1229,7 @@ var LocationStore = class {
 		};
 	}
 };
+
 //#endregion
 //#region src/lib/user-facing/assets/icons/system-danger.svg
 var _path$5;
@@ -1223,7 +1242,7 @@ function _extends$5() {
 		return n;
 	}, _extends$5.apply(null, arguments);
 }
-var SvgSystemDanger = function SvgSystemDanger(props) {
+var SvgSystemDanger = function SvgSystemDanger$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$5({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
@@ -1236,6 +1255,8 @@ var SvgSystemDanger = function SvgSystemDanger(props) {
 		clipRule: "evenodd"
 	})));
 };
+var system_danger_default = SvgSystemDanger;
+
 //#endregion
 //#region src/lib/user-facing/assets/icons/system-error.svg
 var _path$4;
@@ -1248,7 +1269,7 @@ function _extends$4() {
 		return n;
 	}, _extends$4.apply(null, arguments);
 }
-var SvgSystemError = function SvgSystemError(props) {
+var SvgSystemError = function SvgSystemError$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$4({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
@@ -1261,6 +1282,8 @@ var SvgSystemError = function SvgSystemError(props) {
 		clipRule: "evenodd"
 	})));
 };
+var system_error_default = SvgSystemError;
+
 //#endregion
 //#region src/lib/user-facing/assets/icons/system-info.svg
 var _path$3;
@@ -1273,7 +1296,7 @@ function _extends$3() {
 		return n;
 	}, _extends$3.apply(null, arguments);
 }
-var SvgSystemInfo = function SvgSystemInfo(props) {
+var SvgSystemInfo = function SvgSystemInfo$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$3({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
@@ -1284,6 +1307,8 @@ var SvgSystemInfo = function SvgSystemInfo(props) {
 		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$2;
@@ -1296,7 +1321,7 @@ function _extends$2() {
 		return n;
 	}, _extends$2.apply(null, arguments);
 }
-var SvgSystemSuccess = function SvgSystemSuccess(props) {
+var SvgSystemSuccess = function SvgSystemSuccess$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$2({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
@@ -1309,6 +1334,8 @@ var SvgSystemSuccess = function SvgSystemSuccess(props) {
 		clipRule: "evenodd"
 	})));
 };
+var system_success_default = SvgSystemSuccess;
+
 //#endregion
 //#region src/lib/user-facing/styling/colors.ts
 const colors = {
@@ -1377,10 +1404,16 @@ const colors = {
 	SUCCESS: "#0CC26D",
 	NONE: "transparent"
 };
-const CLASS_NAMES = {
+
+//#endregion
+//#region src/lib/user-facing/themes/classnames.ts
+const MODIFIER_CLASSNAMES = {
 	DISABLED_MODIFIER: "sb-disabled",
 	ERROR_MODIFIER: "sb-error",
-	ACTIVE_MODIFIER: "sb-active",
+	ACTIVE_MODIFIER: "sb-active"
+};
+const CLASS_NAMES = {
+	...MODIFIER_CLASSNAMES,
 	HEADING1: "sb-heading-1",
 	HEADING2: "sb-heading-2",
 	HEADING3: "sb-heading-3",
@@ -1440,6 +1473,7 @@ const CLASS_NAMES = {
 	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();
@@ -1509,19 +1543,19 @@ const getIcon = (type) => {
 	let color;
 	switch (type) {
 		case "success":
-			icon = /* @__PURE__ */ jsx(SvgSystemSuccess, {});
+			icon = /* @__PURE__ */ jsx(system_success_default, {});
 			color = colors.SUCCESS;
 			break;
 		case "error":
-			icon = /* @__PURE__ */ jsx(SvgSystemError, {});
+			icon = /* @__PURE__ */ jsx(system_error_default, {});
 			color = colors.DANGER;
 			break;
 		case "info":
-			icon = /* @__PURE__ */ jsx(SvgSystemInfo, {});
+			icon = /* @__PURE__ */ jsx(system_info_default, {});
 			color = colors.INFO;
 			break;
 		case "warning":
-			icon = /* @__PURE__ */ jsx(SvgSystemDanger, {});
+			icon = /* @__PURE__ */ jsx(system_danger_default, {});
 			color = colors.WARNING;
 			break;
 	}
@@ -1564,11 +1598,13 @@ function sendNotification({ message, description, duration, key = getKey("succes
 		onAutoClose: handleClose
 	});
 }
+
 //#endregion
 //#region src/lib/utils/generate-id.ts
 const generateId = () => {
 	return Math.random().toString(36).substring(2, 15);
 };
+
 //#endregion
 //#region src/lib/internal-details/embed-store.ts
 /**
@@ -1621,6 +1657,7 @@ var EmbedStore = class {
 	}
 };
 const embedStore = new EmbedStore();
+
 //#endregion
 //#region src/lib/internal-details/scope/types.ts
 const AppMode = {
@@ -1628,6 +1665,7 @@ const AppMode = {
 	PUBLISHED: "PUBLISHED",
 	PREVIEW: "PREVIEW"
 };
+
 //#endregion
 //#region src/lib/internal-details/superblocks-context.tsx
 var SuperblocksAppContext = class {
@@ -1648,7 +1686,7 @@ var SuperblocksAppContext = class {
 		return this.context?.profiles;
 	}
 	setProfile(profileKey) {
-		const profile = this.context?.profiles?.available.find((profile) => profile.key === profileKey);
+		const profile = this.context?.profiles?.available.find((profile$1) => profile$1.key === profileKey);
 		if (profile && this.context?.profiles) {
 			this.context.profiles.selected = profile;
 			if (typeof window !== "undefined" && window.parent !== window) try {
@@ -1663,10 +1701,10 @@ var SuperblocksAppContext = class {
 			}
 		} else if (!profile || !this.context?.profiles) throw new Error(`Profile ${profileKey} not found`);
 	}
-	updateContext(context) {
+	updateContext(context$2) {
 		this.context = {
 			...this.context,
-			...context
+			...context$2
 		};
 	}
 	getGlobal() {
@@ -1689,29 +1727,29 @@ function useSuperblocksContext() {
 	return useContext(SuperblocksContext);
 }
 function useSuperblocksUser() {
-	const context = useSuperblocksContext();
+	const context$2 = useSuperblocksContext();
 	const user = useSyncExternalStore((onStoreChange) => {
-		return reaction(() => context.user, onStoreChange);
-	}, () => context.user, () => context.user);
+		return reaction(() => context$2.user, onStoreChange);
+	}, () => context$2.user, () => context$2.user);
 	return useMemo(() => toJS(user), [user]);
 }
 function useSuperblocksGroups() {
-	const context = useSuperblocksContext();
+	const context$2 = useSuperblocksContext();
 	const groups = useSyncExternalStore((onStoreChange) => {
-		return reaction(() => context.groups, onStoreChange);
-	}, () => context.groups, () => context.groups);
+		return reaction(() => context$2.groups, onStoreChange);
+	}, () => context$2.groups, () => context$2.groups);
 	return useMemo(() => toJS(groups), [groups]);
 }
 function useSuperblocksDataTags() {
-	const context = useSuperblocksContext();
+	const context$2 = useSuperblocksContext();
 	const dataTags = useSyncExternalStore((onStoreChange) => {
-		return reaction(() => context.profiles, onStoreChange);
-	}, () => context.profiles, () => context.profiles);
+		return reaction(() => context$2.profiles, onStoreChange);
+	}, () => context$2.profiles, () => context$2.profiles);
 	return {
 		dataTags: useMemo(() => toJS(dataTags), [dataTags]),
 		setDataTag: useCallback((dataTagKey) => {
-			context.setProfile(dataTagKey);
-		}, [context])
+			context$2.setProfile(dataTagKey);
+		}, [context$2])
 	};
 }
 /** @deprecated Use useSuperblocksDataTags instead */
@@ -1730,6 +1768,7 @@ function getAppMode() {
 	}
 	return appMode;
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/resolve-id-singleton.ts
 const EMBED_STRING = `embedded-`;
@@ -1774,7 +1813,10 @@ function rejectById(id, payload) {
 		console.log("[internal] [rejectById] Error rejecting promise", e);
 	}
 }
-const tracker = new class ApiHmrTracker {
+
+//#endregion
+//#region src/lib/internal-details/lib/features/api-hmr-tracker.ts
+var ApiHmrTracker = class ApiHmrTracker {
 	static CLEAR_REF_DELAY = 18e4;
 	reloadCount = 0;
 	propagatedReloadCount = 0;
@@ -1831,10 +1873,13 @@ const tracker = new class ApiHmrTracker {
 			}, { timeout: 50 });
 		}, 0);
 	}
-}();
+};
+const tracker = new ApiHmrTracker();
 if (import.meta.hot) import.meta.hot.on("vite:beforeUpdate", () => {
 	tracker.incReloadCount();
 });
+var api_hmr_tracker_default = tracker;
+
 //#endregion
 //#region src/lib/tracing/context-utils.ts
 function getContextFromTraceHeaders(traceHeaders) {
@@ -1855,6 +1900,16 @@ function getTraceContextHeadersFromSpan(span) {
 	propagation.inject(contextWithSpan, traceContextHeaders);
 	return traceContextHeaders;
 }
+
+//#endregion
+//#region src/lib/internal-details/lib/types.ts
+let SystemErrorType = /* @__PURE__ */ function(SystemErrorType$1) {
+	SystemErrorType$1["NETWORK"] = "NETWORK";
+	SystemErrorType$1["HTTP"] = "HTTP";
+	SystemErrorType$1["GENERAL"] = "GENERAL";
+	return SystemErrorType$1;
+}({});
+
 //#endregion
 //#region src/lib/internal-details/lib/features/api-utils.ts
 async function executeV2Api(params) {
@@ -1910,13 +1965,13 @@ async function executeV2Api(params) {
 		const suppressError = viewMode !== ViewMode.EDITOR && err?.code === 20;
 		if (notifyOnSystemError && !suppressError) console.log(`[internal] [executeV2Api] ${message}`);
 		const statusCode = err instanceof HttpError ? err.code : void 0;
-		let errorType = "GENERAL";
+		let errorType = SystemErrorType.GENERAL;
 		const errorMessage = err instanceof Error ? err.message : String(err);
 		const errorConstructorName = err?.constructor?.name;
 		const isTypeError = err instanceof TypeError || errorConstructorName === "TypeError";
 		const hasNetworkErrorMessage = errorMessage.includes("Failed to fetch") || errorMessage.includes("network error") || errorMessage.includes("NetworkError") || errorMessage.includes("TypeError") && errorMessage.includes("fetch") || errorMessage.includes("ERR_NETWORK") || errorMessage.includes("ERR_INTERNET_DISCONNECTED") || errorMessage.includes("ERR_CONNECTION_REFUSED") || errorMessage.includes("ERR_CONNECTION_RESET") || errorMessage.includes("ERR_CONNECTION_TIMED_OUT") || errorMessage.includes("Failed to connect") || errorMessage.includes("network issue") || errorMessage.includes("timed out");
-		if (isTypeError || hasNetworkErrorMessage) errorType = "NETWORK";
-		else if (err instanceof HttpError) errorType = "HTTP";
+		if (isTypeError || hasNetworkErrorMessage) errorType = SystemErrorType.NETWORK;
+		else if (err instanceof HttpError) errorType = SystemErrorType.HTTP;
 		return {
 			systemError: message,
 			statusCode,
@@ -2076,6 +2131,7 @@ const decodeBytestringsInV2ExecutionResponse = (response) => {
 		if (typedEvent?.end?.output?.result != null) typedEvent.end.output.result = decodeBytestrings(typedEvent.end.output.result, false);
 	});
 };
+
 //#endregion
 //#region src/lib/internal-details/lib/features/file-utils.ts
 function isNativeFile(value) {
@@ -2151,6 +2207,7 @@ async function getInputsWithFileMetadata(inputs) {
 		files: Object.values(filesForRequest)
 	};
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/features/url-utils.ts
 /**
@@ -2168,6 +2225,7 @@ async function getInputsWithFileMetadata(inputs) {
 function withTrailingSlash(baseUrl) {
 	return baseUrl.endsWith("/") ? baseUrl : `${baseUrl}/`;
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/features/api-store.ts
 const ENVIRONMENT_ALL = "*";
@@ -2290,7 +2348,7 @@ var ApiManager = class {
 				scopeId
 			};
 		});
-		const waitForInitApiPromise = new Promise((resolve) => {
+		this.waitForInitApiPromise = new Promise((resolve) => {
 			const callbackId = addNewPromise(resolve);
 			window.parent.postMessage({
 				type: "set-apis-deployed-mode",
@@ -2300,27 +2358,26 @@ var ApiManager = class {
 				}
 			}, "*");
 		});
-		this.waitForInitApiPromise = waitForInitApiPromise;
 	}
 	@action async rerunApiByCallId(callId) {
-		const context = this.callContexts[callId];
-		if (!context) {
+		const context$2 = this.callContexts[callId];
+		if (!context$2) {
 			console.error(`No call context found for callId: ${callId}`);
 			throw new Error(`No call context found for callId: ${callId}`);
 		}
-		if (context.callback) {
-			await context.callback();
+		if (context$2.callback) {
+			await context$2.callback();
 			return {
 				data: void 0,
 				error: void 0
 			};
 		}
 		const result = await this.executeApi({
-			apiId: context.apiId,
-			apiName: context.apiName,
-			path: context.path,
-			inputs: context.inputs,
-			options: context.options,
+			apiId: context$2.apiId,
+			apiName: context$2.apiName,
+			path: context$2.path,
+			inputs: context$2.inputs,
+			options: context$2.options,
 			callId,
 			callback: void 0
 		});
@@ -2371,8 +2428,8 @@ var ApiManager = class {
 	getCachedHMRExecution(params) {
 		if (params.callId) return null;
 		const hmrCallHash = this.getHMRCallHash(params);
-		if (tracker.shouldSkipRun(hmrCallHash)) {
-			const result = tracker.getCachedResult(hmrCallHash);
+		if (api_hmr_tracker_default.shouldSkipRun(hmrCallHash)) {
+			const result = api_hmr_tracker_default.getCachedResult(hmrCallHash);
 			if (result) return result;
 		}
 		return null;
@@ -2385,7 +2442,7 @@ var ApiManager = class {
 				return cachedResult;
 			}
 			const result = await this.executeApiInternal(params);
-			tracker.setResult(this.getHMRCallHash(params), result);
+			api_hmr_tracker_default.setResult(this.getHMRCallHash(params), result);
 			return result;
 		}
 		return this.executeApiInternal(params);
@@ -2440,10 +2497,10 @@ var ApiManager = class {
 		await this.timedEnsureFilesSynced("executeApi");
 		const abortController = new AbortController();
 		(this.runningApiControllers[apiName] ??= /* @__PURE__ */ new Set()).add(abortController);
-		const editMode = isEditMode();
-		const appMode = getAppMode();
-		const orchestratorViewMode = appMode === AppMode.PREVIEW ? OrchestratorViewMode.PREVIEW : appMode === AppMode.PUBLISHED ? OrchestratorViewMode.DEPLOYED : OrchestratorViewMode.EDIT;
-		const isStream = editMode ? true : false;
+		const editMode$1 = isEditMode();
+		const appMode$1 = getAppMode();
+		const orchestratorViewMode = appMode$1 === AppMode.PREVIEW ? OrchestratorViewMode.PREVIEW : appMode$1 === AppMode.PUBLISHED ? OrchestratorViewMode.DEPLOYED : OrchestratorViewMode.EDIT;
+		const isStream = editMode$1 ? true : false;
 		const authResult = await new Promise((resolve) => {
 			const callbackId = addNewPromise(resolve);
 			window.parent.postMessage({
@@ -2498,9 +2555,9 @@ var ApiManager = class {
 				inputs: finalInputs,
 				fetchByPath: fetchByPathParams,
 				options: {
-					includeEventOutputs: editMode,
-					includeEvents: isStream || editMode,
-					includeResolved: editMode
+					includeEventOutputs: editMode$1,
+					includeEvents: isStream || editMode$1,
+					includeResolved: editMode$1
 				}
 			},
 			apiName,
@@ -2511,7 +2568,7 @@ var ApiManager = class {
 			responseType: isStream ? ApiResponseType.STREAM : ApiResponseType.SYNC,
 			baseUrl: isStream ? orchestratorUrl + "/stream" : orchestratorUrl,
 			agents: [],
-			viewMode: editMode ? ViewMode.EDITOR : ViewMode.DEPLOYED,
+			viewMode: editMode$1 ? ViewMode.EDITOR : ViewMode.DEPLOYED,
 			accessToken: this.accessToken ?? "",
 			token: this.token ?? "",
 			traceHeaders,
@@ -2676,9 +2733,9 @@ var ApiManager = class {
 			} : this.rootStore.profile;
 			const editModeBranchName = this.rootStore.branchName ?? "main";
 			const commitId = this.rootStore.commitId;
-			const editMode = isEditMode();
-			const appMode = getAppMode();
-			const viewMode = editMode ? OrchestratorViewMode.EDIT : appMode === AppMode.PREVIEW ? OrchestratorViewMode.PREVIEW : OrchestratorViewMode.DEPLOYED;
+			const editMode$1 = isEditMode();
+			const appMode$1 = getAppMode();
+			const viewMode = editMode$1 ? OrchestratorViewMode.EDIT : appMode$1 === AppMode.PREVIEW ? OrchestratorViewMode.PREVIEW : OrchestratorViewMode.DEPLOYED;
 			const profileKey = requestProfile?.key ?? "default";
 			const agentBaseUrl = (() => {
 				if (this.rootStore.dataPlaneGatewayEnabled) {
@@ -2707,11 +2764,11 @@ var ApiManager = class {
 			if (exportName) body.exportName = exportName;
 			if (files.length > 0) body.files = files;
 			if (requestProfile) body.profile = requestProfile;
-			if (editMode) {
+			if (editMode$1) {
 				body.branchName = editModeBranchName;
 				body.includeDiagnostics = true;
 			}
-			if (!editMode && commitId) body.commitId = commitId;
+			if (!editMode$1 && commitId) body.commitId = commitId;
 			const integrationIds = (this.rootStore.getApiIntegrations(apiName) ?? []).map((integration) => integration.id);
 			const authCheckT0 = performance.now();
 			const authResult = await new Promise((resolve) => {
@@ -2847,6 +2904,8 @@ var ApiManager = class {
 		});
 	}
 };
+var api_store_default = ApiManager;
+
 //#endregion
 //#region src/lib/internal-details/lib/evaluator/sanitize-object.ts
 const objectFallbackCache = /* @__PURE__ */ new WeakMap();
@@ -2868,6 +2927,7 @@ function sanitizedToJS(value) {
 	if (value === null || value === void 0 || typeof value !== "object") return toJS(value);
 	return toJS(sanitizeObject(value));
 }
+
 //#endregion
 //#region src/edit-mode/mobx-sync/create-patch.ts
 const microPatches = (oldValue, newValue, baseStr) => {
@@ -2888,24 +2948,24 @@ const microPatches = (oldValue, newValue, baseStr) => {
 	}
 	const diffs = diff(cleanedOldValue, cleanedNewValue);
 	const basePath = pathStringToArray(baseStr);
-	return diffs.map((diff) => toMobXPatchFromMicroDiff(diff, basePath));
+	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, basePath) {
-	const type = diff.type;
-	const fullPath = [...basePath, ...diff.path];
+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.value
+			value: diff$1.value
 		};
 		case "CHANGE": return {
 			op: "update",
 			path: fullPath,
-			value: diff.value
+			value: diff$1.value
 		};
 		case "REMOVE": return {
 			op: "remove",
@@ -2918,11 +2978,12 @@ 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]) => {
+	return Object.fromEntries(Object.entries(value).map(([key, value$1]) => {
 		if (key === "bind") return [key, void 0];
-		return [key, removeBindAndReactElements(value)];
+		return [key, removeBindAndReactElements(value$1)];
 	}));
 };
+
 //#endregion
 //#region src/edit-mode/mobx-sync/deep-observe.ts
 function buildPath(entry) {
@@ -2991,13 +3052,13 @@ function deepObserve(target, listener) {
 			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 = {
+				const entry$1 = {
 					parent,
 					path,
 					dispose: observe(thing, genericListener)
 				};
-				entrySet.set(thing, entry);
-				entries(thing).forEach(([key, value]) => observeRecursively(value, entry, "" + key));
+				entrySet.set(thing, entry$1);
+				entries(thing).forEach(([key, value]) => observeRecursively(value, entry$1, "" + key));
 			}
 		}
 	}
@@ -3015,6 +3076,7 @@ function deepObserve(target, listener) {
 		unobserveRecursively(target);
 	};
 }
+
 //#endregion
 //#region src/edit-mode/mobx-sync/mobx-editor-sync.ts
 /**
@@ -3120,6 +3182,7 @@ function startEditorSync(options) {
 		disposers.forEach((disposer) => disposer());
 	};
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/features/type-defs-utils.ts
 const analyzePropertyType = (propData, prop) => {
@@ -3140,6 +3203,7 @@ const analyzePropertyType = (propData, prop) => {
 	else dataType = "unknown";
 	return dataType;
 };
+
 //#endregion
 //#region src/lib/internal-details/lib/features/component-registry.ts
 /**
@@ -3330,14 +3394,15 @@ var ComponentRegistry = class {
 		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("*") && rest.length > 0 && prop.path.endsWith(rest.join("."))) return [
+		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;
 	}
 };
+
 //#endregion
 //#region src/lib/internal-details/lib/root-store.ts
 /**
@@ -3407,7 +3472,7 @@ var RootStore = class {
 	_resolveDiscovery;
 	editorRegisteredCallbacks = [];
 	constructor() {
-		this.apis = new ApiManager(this);
+		this.apis = new api_store_default(this);
 		this.componentRegistry = new ComponentRegistry(this);
 		this.locationStore = new LocationStore(this);
 		makeObservable(this, {
@@ -3539,6 +3604,7 @@ var RootStore = class {
 	}
 };
 var root_store_default = new RootStore();
+
 //#endregion
 //#region src/lib/user-facing/assets/images/clark.svg
 var _path$1, _path2, _path3, _path4, _path5, _path6, _path7, _defs;
@@ -3551,7 +3617,7 @@ function _extends$1() {
 		return n;
 	}, _extends$1.apply(null, arguments);
 }
-var SvgClark = function SvgClark(props) {
+var SvgClark = function SvgClark$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$1({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 28,
@@ -3634,6 +3700,8 @@ var SvgClark = function SvgClark(props) {
 		stopColor: "currentColor"
 	})))));
 };
+var clark_default = SvgClark;
+
 //#endregion
 //#region src/lib/internal-details/internal-components/common.ts
 const ErrorIconContainer = styled.div`
@@ -3666,7 +3734,7 @@ const ErrorIconContainer = styled.div`
     }
   }
 `;
-const StyledClarkIcon = styled(SvgClark)`
+const StyledClarkIcon = styled(clark_default)`
   width: 54px;
   height: 54px;
   color: white;
@@ -3795,6 +3863,7 @@ const ActionsContainer = styled.div`
   align-items: center;
   justify-content: center;
 `;
+
 //#endregion
 //#region src/edit-mode/assets/ai-stars.svg
 var _path;
@@ -3807,7 +3876,7 @@ function _extends() {
 		return n;
 	}, _extends.apply(null, arguments);
 }
-var SvgAiStars = function SvgAiStars(props) {
+var SvgAiStars = function SvgAiStars$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 13,
@@ -3820,6 +3889,8 @@ var SvgAiStars = function SvgAiStars(props) {
 		clipRule: "evenodd"
 	})));
 };
+var ai_stars_default = SvgAiStars;
+
 //#endregion
 //#region src/lib/internal-details/internal-components/fix-with-clark-button.tsx
 const MAX_STACK_FRAMES = 10;
@@ -3873,15 +3944,17 @@ function FixWithClarkButton({ identifier, error, onClick }) {
 	return /* @__PURE__ */ jsxs(FixWithClarkButtonContainer, {
 		onClick: handleFixWithAi,
 		disabled: isAiEditing,
-		children: [/* @__PURE__ */ jsx(SvgAiStars, {}), " Fix with Clark"]
+		children: [/* @__PURE__ */ jsx(ai_stars_default, {}), " Fix with Clark"]
 	});
 }
+
 //#endregion
 //#region src/lib/internal-details/css-constants.ts
 const CSS_CLASSES = {
 	SUSPENSE_FALLBACK: "sb-suspense-fallback",
 	ANCHOR_NAME: "sb-anchor-name"
 };
+
 //#endregion
 //#region src/lib/internal-details/lib/suspense/suspense-fallback.tsx
 const shimmerAnimation = keyframes`
@@ -3925,6 +3998,7 @@ function SuspenseFallback({ style, className, noBorderRadius }) {
 		"data-test": "suspense-fallback"
 	});
 }
+
 //#endregion
 //#region src/lib/user-facing/component-base/error-boundary.tsx
 const ErrorBoundaryContainer = styled.div`
@@ -4048,6 +4122,8 @@ var ErrorBoundary = class extends Component {
 		return this.props.children;
 	}
 };
+var error_boundary_default = ErrorBoundary;
+
 //#endregion
 //#region src/lib/utils/widget-wrapper-naming.ts
 const getWidgetAnchorName = (selectorId) => {
@@ -4056,12 +4132,14 @@ const getWidgetAnchorName = (selectorId) => {
 const getWidgetRectAnchorName = (selectorId) => {
 	return `--widget-rect-${selectorId}`;
 };
+
 //#endregion
 //#region src/edit-mode/edit-wrapper.tsx
 if (typeof window !== "undefined" && typeof document.documentElement !== "undefined" && !("anchorName" in document.documentElement.style)) polyfill();
 const createAnchorNameStyle = (props) => {
 	return { "--anchor-name": getWidgetAnchorName(props.selectorId) };
 };
+
 //#endregion
 //#region src/edit-mode/instance-tracker.ts
 /**
@@ -4087,6 +4165,7 @@ var InstanceTracker = class {
 	}
 };
 const instanceTracker = new InstanceTracker();
+
 //#endregion
 //#region src/edit-mode/jsx-wrapper.tsx
 const JSXContext = React.createContext({
@@ -4096,7 +4175,7 @@ const JSXContext = React.createContext({
 const makeWrappedComponent = (type) => {
 	const isTag = typeof type === "string";
 	const isRegisteredSbComponent = root_store_default.componentRegistry.hasComponent(type);
-	const Component = React.forwardRef((props, ref) => {
+	const Component$1 = React.forwardRef((props, ref) => {
 		const { selectorId: parentSelectorId } = useJSXContext();
 		const sourceId = props[SOURCE_ID_ATTRIBUTE];
 		const noSelect = props[NO_SELECT_ATTRIBUTE];
@@ -4152,20 +4231,20 @@ const makeWrappedComponent = (type) => {
 		});
 		return /* @__PURE__ */ jsx(JSXContext.Provider, {
 			value: jsxContext,
-			children: /* @__PURE__ */ jsx(ErrorBoundary, { children: element })
+			children: /* @__PURE__ */ jsx(error_boundary_default, { children: element })
 		});
 	});
 	try {
-		Component.displayName = typeof type === "string" ? type : type.displayName || type.name || "Component";
+		Component$1.displayName = typeof type === "string" ? type : type.displayName || type.name || "Component";
 	} catch (e) {
 		console.error("Error setting displayName", e);
 	}
-	return Component;
+	return Component$1;
 };
 const useJSXContext = () => {
 	return React.useContext(JSXContext);
 };
-//#endregion
-export { useSuperblocksProfiles as A, isEditMode as B, rejectById as C, useSuperblocksContext as D, getAppMode as E, colors as F, createPropertiesPanelDefinition as G, Prop as H, editorBridge as I, getEditStore as K, iframeMessageHandler as L, embedStore as M, generateId as N, useSuperblocksDataTags as O, sendNotification as P, isEmbeddedBySuperblocksFirstParty as R, addNewPromise as S, SuperblocksContextProvider as T, PropsCategory as U, createManagedPropsList as V, Section as W, root_store_default as _, FixWithClarkButton as a, getContextFromTraceHeaders as b, ErrorContent as c, ErrorMessage as d, ErrorStack as f, StyledClarkIcon as g, SecondaryButton as h, getWidgetRectAnchorName as i, useSuperblocksUser as j, useSuperblocksGroups as k, ErrorDetails as l, ErrorTitle as m, useJSXContext as n, ActionsContainer as o, ErrorSummary as p, getWidgetAnchorName as r, ErrorContainer as s, makeWrappedComponent as t, ErrorIconContainer as u, startEditorSync as v, resolveById as w, tracker as x, createIframeSpan as y, sendMessageImmediately as z };
 
-//# sourceMappingURL=jsx-wrapper-BaTggkUU.js.map
+//#endregion
+export { useSuperblocksProfiles as A, isEditMode as B, rejectById as C, useSuperblocksContext as D, getAppMode as E, colors as F, createPropertiesPanelDefinition as G, Prop as H, editorBridge as I, getEditStore as K, iframeMessageHandler as L, embedStore as M, generateId as N, useSuperblocksDataTags as O, sendNotification as P, isEmbeddedBySuperblocksFirstParty as R, addNewPromise as S, SuperblocksContextProvider as T, PropsCategory as U, createManagedPropsList as V, Section as W, root_store_default as _, FixWithClarkButton as a, getContextFromTraceHeaders as b, ErrorContent as c, ErrorMessage as d, ErrorStack as f, StyledClarkIcon as g, SecondaryButton as h, getWidgetRectAnchorName as i, useSuperblocksUser as j, useSuperblocksGroups as k, ErrorDetails as l, ErrorTitle as m, useJSXContext as n, ActionsContainer as o, ErrorSummary as p, getWidgetAnchorName as r, ErrorContainer as s, makeWrappedComponent as t, ErrorIconContainer as u, startEditorSync as v, resolveById as w, api_hmr_tracker_default as x, createIframeSpan as y, sendMessageImmediately as z };
+//# sourceMappingURL=jsx-wrapper-BLrvyiEf.js.map