@superblocksteam/library 2.0.149 → 2.0.150-next.1

package/dist/{jsx-wrapper-CSTsctdq.js → root-store-CkTnQd84.js}

@@ -1,21 +1,19 @@
-import { t as getTracer } from "./utils-C-i9g4Qh.js";
+import { t as getTracer } from "./utils-kXteBlMZ.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";
-import { NO_SELECT_ATTRIBUTE, SELECTOR_ID_ATTRIBUTE, SOURCE_ID_ATTRIBUTE, URL_PARAMS, getQueryParams, pathStringToArray, toMobXPatch } from "@superblocksteam/library-shared";
+import { URL_PARAMS, getQueryParams, pathStringToArray, toMobXPatch } from "@superblocksteam/library-shared";
 import * as React$1 from "react";
-import React, { Component, createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
+import { createContext, isValidElement, useCallback, useContext, useMemo, 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 { toast } from "sonner";
-import styled, { keyframes } from "styled-components";
+import styled from "styled-components";
 import { NotificationPosition } from "@superblocksteam/library-shared/types";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 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
@@ -1225,23 +1223,23 @@ var LocationStore = class {
 };
 //#endregion
 //#region src/lib/user-facing/assets/icons/system-danger.svg
-var _path$5;
-function _extends$5() {
-	return _extends$5 = Object.assign ? Object.assign.bind() : function(n) {
+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$5.apply(null, arguments);
+	}, _extends$3.apply(null, arguments);
 }
 var SvgSystemDanger = function SvgSystemDanger(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends$5({
+	return /* @__PURE__ */ React$1.createElement("svg", _extends$3({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
 		height: 16,
 		fill: "none"
-	}, props), _path$5 || (_path$5 = /* @__PURE__ */ React$1.createElement("path", {
+	}, 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",
@@ -1250,23 +1248,23 @@ var SvgSystemDanger = function SvgSystemDanger(props) {
 };
 //#endregion
 //#region src/lib/user-facing/assets/icons/system-error.svg
-var _path$4;
-function _extends$4() {
-	return _extends$4 = Object.assign ? Object.assign.bind() : function(n) {
+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$4.apply(null, arguments);
+	}, _extends$2.apply(null, arguments);
 }
 var SvgSystemError = function SvgSystemError(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends$4({
+	return /* @__PURE__ */ React$1.createElement("svg", _extends$2({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
 		height: 16,
 		fill: "none"
-	}, props), _path$4 || (_path$4 = /* @__PURE__ */ React$1.createElement("path", {
+	}, 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",
@@ -1275,46 +1273,46 @@ var SvgSystemError = function SvgSystemError(props) {
 };
 //#endregion
 //#region src/lib/user-facing/assets/icons/system-info.svg
-var _path$3;
-function _extends$3() {
-	return _extends$3 = Object.assign ? Object.assign.bind() : function(n) {
+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$3.apply(null, arguments);
+	}, _extends$1.apply(null, arguments);
 }
 var SvgSystemInfo = function SvgSystemInfo(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends$3({
+	return /* @__PURE__ */ React$1.createElement("svg", _extends$1({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
 		height: 16,
 		fill: "none"
-	}, props), _path$3 || (_path$3 = /* @__PURE__ */ React$1.createElement("path", {
+	}, 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"
 	})));
 };
 //#endregion
 //#region src/lib/user-facing/assets/icons/system-success.svg
-var _path$2;
-function _extends$2() {
-	return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
+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$2.apply(null, arguments);
+	}, _extends.apply(null, arguments);
 }
 var SvgSystemSuccess = function SvgSystemSuccess(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends$2({
+	return /* @__PURE__ */ React$1.createElement("svg", _extends({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
 		height: 16,
 		fill: "none"
-	}, props), _path$2 || (_path$2 = /* @__PURE__ */ React$1.createElement("path", {
+	}, 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",
@@ -2077,6 +2075,129 @@ var HttpError = class extends Error {
 		this.critical = critical;
 	}
 };
+/** Byte budget for a single value captured into an editor API run record. */
+const MAX_EDITOR_RUN_RECORD_RESPONSE_BYTES = 1e6;
+const RUN_RECORD_TRUNCATION_PREVIEW_CHARS = 4096;
+/**
+* Serializes a value for the run-record size probe, tolerating inputs that plain
+* `JSON.stringify` rejects but `structuredClone` (the postMessage transport)
+* accepts: `BigInt` (rendered as a `"<n>n"` string) and repeated/circular
+* references (collapsed to a `"[Circular]"` marker). Returning a JSON-safe string
+* lets the caller preserve sibling fields instead of blanking the whole value,
+* and keeps the stored inspector copy safe for the inspector's own
+* `JSON.stringify` render.
+*
+* A DAG (the same object reached from two branches) is treated like a cycle and
+* its repeats collapse to the marker; that only under-counts size for the probe
+* and never drops data the app relies on.
+*/
+const serializeRunRecordValueTolerant = (value) => {
+	const seen = /* @__PURE__ */ new WeakSet();
+	return JSON.stringify(value, (_key, val) => {
+		if (typeof val === "bigint") return `${val.toString()}n`;
+		if (typeof val === "object" && val !== null) {
+			if (seen.has(val)) return "[Circular]";
+			seen.add(val);
+		}
+		return val;
+	});
+};
+/**
+* Bounds a value captured into an editor API run record (its `response` or its
+* `inputs`). In edit mode these are forwarded to the parent editor (postMessage)
+* and retained per run for the run inspector; a large value (e.g. thousands of
+* rows) would be structured-cloned and accumulated, exhausting the editor tab's
+* memory. Only the editor's inspector copy is capped -- the app still receives
+* the full, untouched value. Mirrors the AI-service forward path, which already
+* caps outputs (see library-shared `socket.ts` output-truncated flag).
+*
+* `BigInt` / circular values are re-encoded to a JSON-safe form (siblings
+* preserved) rather than blanked, so a single `BigInt` or cycle no longer hides
+* the whole value; only a value that throws while serializing (e.g. a throwing
+* `toJSON`) is omitted. When `truncated` is true, `value` is a human-readable
+* marker STRING (a size preview, or an "omitted" notice), not the original
+* shape; `reason` distinguishes the two cases. Never throws.
+*/
+const boundRunRecordValue = (value) => {
+	if (value == null) return {
+		value,
+		truncated: false
+	};
+	let serialized;
+	let sanitized = false;
+	try {
+		serialized = JSON.stringify(value);
+	} catch {
+		try {
+			serialized = serializeRunRecordValueTolerant(value);
+			sanitized = true;
+		} catch (err) {
+			console.warn("[api-utils] [boundRunRecordValue] value not serializable; omitting from editor run record:", err instanceof Error ? err.message : String(err));
+			return {
+				value: "[Superblocks editor: value omitted from the run record -- not serializable. The full value is still available to your app.]",
+				truncated: true,
+				reason: "unserializable"
+			};
+		}
+	}
+	if (serialized == null) return {
+		value,
+		truncated: false
+	};
+	const bytes = new TextEncoder().encode(serialized).byteLength;
+	if (bytes <= 1e6) return sanitized ? {
+		value: JSON.parse(serialized),
+		truncated: false
+	} : {
+		value,
+		truncated: false
+	};
+	console.warn(`[api-utils] [boundRunRecordValue] value truncated from editor run record: ${bytes} bytes exceeds the ${MAX_EDITOR_RUN_RECORD_RESPONSE_BYTES}-byte inspector limit.`);
+	return {
+		value: `[Superblocks editor: value truncated -- ${bytes} bytes exceeds the ${MAX_EDITOR_RUN_RECORD_RESPONSE_BYTES}-byte inspector limit. The full value is still available to your app; run the API to view it.]\nPreview: ${serialized.slice(0, RUN_RECORD_TRUNCATION_PREVIEW_CHARS)}`,
+		truncated: true,
+		reason: "size"
+	};
+};
+/**
+* Bounds the step logs captured into an editor run record. Each step's `output`
+* (the step's return value -- for the final step this often mirrors the full API
+* result) and its `stdout`/`stderr` are capped the same way as the top-level
+* response. Only the editor copy is bounded; the app is unaffected. Never throws.
+*
+* The cap is PER FIELD, not per record: a single oversized step field is
+* bounded, but an API with many blocks each returning a just-under-budget
+* payload could still assemble an aggregate above the budget. This closes the
+* reported single-fetch case (one large response / terminal-step output);
+* bounding the aggregate across all step fields is a separate follow-up.
+*
+* `reuse` lets the caller supply an already-computed bound for a step whose
+* `output` is reference-equal to `reuse.value`. A single-fetch API's terminal
+* step output is the same object as the top-level response, so this avoids
+* serializing that (potentially multi-MB) payload a second time.
+*/
+const boundRunRecordStepLogs = (stepLogs, reuse) => {
+	if (!stepLogs?.length) return {
+		stepLogs,
+		truncated: false
+	};
+	let truncated = false;
+	return {
+		stepLogs: stepLogs.map((step) => {
+			const output = reuse && step.output === reuse.value ? reuse.bounded : boundRunRecordValue(step.output);
+			const stdout = boundRunRecordValue(step.stdout);
+			const stderr = boundRunRecordValue(step.stderr);
+			if (output.truncated || stdout.truncated || stderr.truncated) truncated = true;
+			return {
+				...step,
+				output: output.value,
+				stdout: stdout.truncated ? [String(stdout.value)] : step.stdout,
+				stderr: stderr.truncated ? [String(stderr.value)] : step.stderr
+			};
+		}),
+		truncated
+	};
+};
 var ResponseSizeLimitError = class extends Error {
 	constructor(limitBytes) {
 		super(`Response blocked: exceeded orchestrator /execute response limit of ${limitBytes} bytes.`);
@@ -2634,16 +2755,57 @@ var ApiManager = class {
 			options,
 			callback
 		};
+		let boundedResponse = {
+			value: data,
+			truncated: false
+		};
+		let boundedInputs = {
+			value: inputs,
+			truncated: false
+		};
+		let boundedStepLogs = {
+			stepLogs,
+			truncated: false
+		};
+		if (editMode) try {
+			boundedResponse = boundRunRecordValue(data);
+			boundedInputs = boundRunRecordValue(inputs);
+			boundedStepLogs = boundRunRecordStepLogs(stepLogs, {
+				value: data,
+				bounded: boundedResponse
+			});
+		} catch (err) {
+			const omitted = "[Superblocks editor: run record omitted -- inspector bounding failed. The full result is still available to your app.]";
+			console.warn("[api-store] editor run-record bounding failed; omitting inspector copy:", err instanceof Error ? err.message : String(err));
+			boundedResponse = {
+				value: omitted,
+				truncated: true,
+				reason: "unserializable"
+			};
+			boundedInputs = {
+				value: omitted,
+				truncated: true,
+				reason: "unserializable"
+			};
+			boundedStepLogs = {
+				stepLogs: void 0,
+				truncated: true
+			};
+		}
+		const recordInputs = boundedInputs.truncated ? { superblocksTruncated: boundedInputs.value } : boundedInputs.value;
 		if (isRerun) editorBridge.updateApiRunRecord(apiId, callId, {
 			timestamp: executionStartTime,
 			statusCode: this.extractStatusCode(parsedResult),
 			timeTaken,
-			inputs,
-			response: data,
+			inputs: recordInputs,
+			inputsTruncated: boundedInputs.truncated,
+			response: boundedResponse.value,
+			responseTruncated: boundedResponse.truncated,
 			error,
 			loading: false,
 			isTestRun,
-			stepLogs
+			stepLogs: boundedStepLogs.stepLogs,
+			stepLogsTruncated: boundedStepLogs.truncated
 		});
 		else editorBridge.addApiRunRecord(apiId, {
 			id: `${apiId}-${executionStartTime}`,
@@ -2651,12 +2813,15 @@ var ApiManager = class {
 			timestamp: executionStartTime,
 			statusCode: this.extractStatusCode(parsedResult),
 			timeTaken,
-			inputs,
-			response: data,
+			inputs: recordInputs,
+			inputsTruncated: boundedInputs.truncated,
+			response: boundedResponse.value,
+			responseTruncated: boundedResponse.truncated,
 			error,
 			loading: false,
 			isTestRun,
-			stepLogs
+			stepLogs: boundedStepLogs.stepLogs,
+			stepLogsTruncated: boundedStepLogs.truncated
 		});
 		return {
 			parsedResult,
@@ -2754,6 +2919,17 @@ var ApiManager = class {
 				if (discoveryMs > 50) console.warn(`[api-store] awaitDiscovery blocked executeSdkApiV3(${apiName}) for ${String(discoveryMs)}ms`);
 				entryPoint = this.rootStore.getApiEntryPoint(apiName);
 			}
+			if (!entryPoint && this.rootStore.sdkApiEnabled) try {
+				const rediscoveryT0 = performance.now();
+				const { discoverAndRegisterSdkApis } = await import("./sdk-api-discovery-ekr6aG8h.js").then((n) => n.n);
+				await discoverAndRegisterSdkApis();
+				const rediscoveryMs = Math.round(performance.now() - rediscoveryT0);
+				discoveryMs += rediscoveryMs;
+				if (rediscoveryMs > 50) console.warn(`[api-store] rediscovery blocked executeSdkApiV3(${apiName}) for ${String(rediscoveryMs)}ms`);
+				entryPoint = this.rootStore.getApiEntryPoint(apiName);
+			} catch (error) {
+				console.error(`[api-store] rediscovery failed for executeSdkApiV3(${apiName}):`, error);
+			}
 			if (!entryPoint) return {
 				success: false,
 				error: {
@@ -3659,632 +3835,6 @@ 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;
-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 SvgClark = function SvgClark(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends$1({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 28,
-		height: 20,
-		fill: "none"
-	}, props), _path$1 || (_path$1 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "url(#clark_svg__a)",
-		d: "M20.41 1.239a5.16 5.16 0 0 0-4.703 5.413l2.648-.232a2.227 2.227 0 1 1 2.886 2.49l.18 2.062.035.02c.575-.05 1.213-.454 1.57-.748 1.617-1.337 1.71-3.2 1.705-3.672 0-.063.047-.117.11-.123l.27-.024a.18.18 0 0 0 .167-.206c-.068-.444-.304-1.577-1.018-2.419-.064-.074-.019-.194.079-.203l.402-.035c.142-.012.218-.166.13-.28-.492-.64-1.994-2.26-4.46-2.043"
-	})), _path2 || (_path2 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "#2A333D",
-		d: "M18.333 6.987a2.226 2.226 0 0 0 2.411 2.024l.555-.048c-.612-2.74-1.987-3.551-1.987-3.551.153-.386 1.044-.836 1.044-.836a2.226 2.226 0 0 0-2.023 2.411",
-		opacity: .12
-	})), _path3 || (_path3 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "url(#clark_svg__b)",
-		d: "m6.65 12.564.045.492-.228-2.607A2.338 2.338 0 1 1 8.58 6.587l2.588-.226a5.16 5.16 0 0 0-5.371-3.584c-2.467.216-3.665 2.072-4.039 2.787-.066.127.035.266.177.253l.403-.035c.097-.008.162.102.113.186-.558.953-.593 2.11-.583 2.56a.18.18 0 0 0 .2.173l.27-.023a.12.12 0 0 1 .13.101c.078.467.492 2.285 2.317 3.32.402.228 1.291.515 1.866.465"
-	})), _path4 || (_path4 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "#2A333D",
-		d: "M9.161 7.938a2.337 2.337 0 0 1-2.124 2.53l-.582.052c.133-2.944 1.406-4.032 1.406-4.032-.227-.371-1.231-.675-1.231-.675A2.337 2.337 0 0 1 9.16 7.938",
-		opacity: .12
-	})), _path5 || (_path5 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "currentColor",
-		fillRule: "evenodd",
-		d: "M21.72 10.543c-.461-3.366-2.697-6.01-6.685-6.252-.109-.006-.163-.01-.202-.031a.2.2 0 0 1-.078-.084c-.02-.04-.02-.092-.02-.197v-.572a.192.192 0 0 0-.308-.153l-.938.708a.192.192 0 0 1-.309-.154v-.361a.192.192 0 0 0-.318-.145l-.807.717a9 9 0 0 1-.5.431 2 2 0 0 1-.305.2c-.119.069-.414.205-1.004.477-2.794 1.29-4.104 3.885-3.852 6.757.43 4.911 3.404 6.652 8.266 6.226 4.215-.368 7.758-2.469 7.06-7.567M11.64 10.2c.142.62-.16 1.221-.678 1.34-.518.12-1.053-.286-1.197-.907a1.3 1.3 0 0 1-.018-.521.384.384 0 1 0 .376-.667.8.8 0 0 1 .32-.153c.517-.12 1.053.287 1.196.908m7.042-.148c.51-.146.782-.761.606-1.374-.176-.612-.732-.99-1.242-.844a.83.83 0 0 0-.375.23.384.384 0 1 1-.284.713q-.01.211.052.431c.176.613.732.99 1.243.844m-5.448 3.596-.253-2.896a2.08 2.08 0 0 1 4.092-.685l.704 2.82a2.31 2.31 0 1 1-4.543.761",
-		clipRule: "evenodd"
-	})), _path6 || (_path6 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "url(#clark_svg__c)",
-		d: "M13.88 14.096a2.3 2.3 0 0 0 1.847.492 2.3 2.3 0 0 0 1.585-1.066 1.79 1.79 0 0 1-3.431.574",
-		opacity: .5
-	})), _path7 || (_path7 = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "url(#clark_svg__d)",
-		d: "M13.191 13.144a2.312 2.312 0 0 0 4.465-.748l.123.491a2.31 2.31 0 1 1-4.544.761z",
-		opacity: .5
-	})), _defs || (_defs = /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("linearGradient", {
-		id: "clark_svg__a",
-		x1: 21.636,
-		x2: 17.027,
-		y1: 4.149,
-		y2: 8.785,
-		gradientUnits: "userSpaceOnUse"
-	}, /* @__PURE__ */ React$1.createElement("stop", { stopColor: "currentColor" }), /* @__PURE__ */ React$1.createElement("stop", {
-		offset: 1,
-		stopColor: "currentColor",
-		stopOpacity: .84
-	})), /* @__PURE__ */ React$1.createElement("linearGradient", {
-		id: "clark_svg__b",
-		x1: 4.534,
-		x2: 10.643,
-		y1: 6.603,
-		y2: 9.712,
-		gradientUnits: "userSpaceOnUse"
-	}, /* @__PURE__ */ React$1.createElement("stop", { stopColor: "currentColor" }), /* @__PURE__ */ React$1.createElement("stop", {
-		offset: 1,
-		stopColor: "currentColor",
-		stopOpacity: .84
-	})), /* @__PURE__ */ React$1.createElement("linearGradient", {
-		id: "clark_svg__c",
-		x1: 15.788,
-		x2: 16.004,
-		y1: 13.866,
-		y2: 15.093,
-		gradientUnits: "userSpaceOnUse"
-	}, /* @__PURE__ */ React$1.createElement("stop", {
-		stopColor: "currentColor",
-		stopOpacity: .6
-	}), /* @__PURE__ */ React$1.createElement("stop", {
-		offset: 1,
-		stopColor: "currentColor"
-	})), /* @__PURE__ */ React$1.createElement("linearGradient", {
-		id: "clark_svg__d",
-		x1: 15.704,
-		x2: 16.07,
-		y1: 13.597,
-		y2: 15.67,
-		gradientUnits: "userSpaceOnUse"
-	}, /* @__PURE__ */ React$1.createElement("stop", {
-		stopColor: "currentColor",
-		stopOpacity: .6
-	}), /* @__PURE__ */ React$1.createElement("stop", {
-		offset: 1,
-		stopColor: "currentColor"
-	})))));
-};
-//#endregion
-//#region src/lib/internal-details/internal-components/common.ts
-const ErrorIconContainer = styled.div`
-  width: 60px;
-  height: 60px;
-  min-width: 60px;
-  min-height: 60px;
-  background: linear-gradient(135deg, #aab 0%, #000033 50%, #000066 100%);
-  border-radius: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 auto 16px;
-  flex-shrink: 0;
-  animation: scaleIn 0.3s ease-out forwards;
-  opacity: 0;
-  box-shadow:
-    0 0 1px black,
-    0 4px 12px rgba(0, 85, 187, 0.15),
-    0 2px 4px rgba(0, 85, 187, 0.05);
-
-  @keyframes scaleIn {
-    from {
-      transform: scale(0.8);
-      opacity: 0;
-    }
-    to {
-      transform: scale(1);
-      opacity: 1;
-    }
-  }
-`;
-const StyledClarkIcon = styled(SvgClark)`
-  width: 54px;
-  height: 54px;
-  color: white;
-  margin-top: 3px;
-  margin-left: 1px;
-  animation: scaleIn 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  opacity: 0;
-
-  @keyframes scaleIn {
-    0% {
-      transform: scale(0.6);
-      opacity: 0;
-    }
-    50% {
-      transform: scale(1.1);
-    }
-    100% {
-      transform: scale(1);
-      opacity: 1;
-    }
-  }
-`;
-const ErrorTitle = styled.h2`
-  font-family: Inter;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 600;
-  font-size: 24px;
-  line-height: 1.35;
-  text-align: center;
-  margin-bottom: 6px;
-  flex-shrink: 0;
-`;
-const ErrorMessage = styled.p`
-  font-family: Inter;
-  font-size: 14px;
-  color: #6c7689;
-  line-height: 1.5715;
-  text-align: center;
-  flex-shrink: 0;
-  margin-top: 0;
-  margin-bottom: 16px;
-`;
-const ErrorDetails = styled.details`
-  margin-top: 24px;
-  text-align: left;
-  background-color: #f9fafb;
-  border-radius: 6px;
-  padding: 16px;
-  box-shadow:
-    0px 0px 1px 0px #22272f52,
-    0px 1px 3px 0px #22272f1f;
-  flex-shrink: 0;
-  font-family: Inter;
-
-  &[open] summary {
-    margin-bottom: 12px;
-  }
-`;
-const ErrorSummary = styled.summary`
-  cursor: pointer;
-  font-weight: 500;
-  color: #374151;
-  font-size: 14px;
-  user-select: none;
-`;
-const ErrorStack = styled.pre`
-  font-size: 12px;
-  color: #dc2626;
-  overflow: auto;
-  white-space: pre-wrap;
-  margin: 16px;
-  font-family: monospace;
-`;
-const ErrorContainer = styled.div`
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10;
-  background: rgba(255, 255, 255, 0.5);
-  pointer-events: auto;
-`;
-const ErrorContent = styled.div`
-  max-width: 700px;
-  padding: 40px;
-  overflow-y: auto;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-
-  opacity: 0;
-  animation: fadeIn 0.3s ease-out forwards;
-
-  @keyframes fadeIn {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-`;
-const SecondaryButton = styled.button`
-  color: ${colors.GREY_700};
-  border: 1px solid ${colors.GREY_100};
-  width: fit-content;
-  border-radius: 4px;
-  padding: 6px 12px;
-  cursor: pointer;
-  height: fit-content;
-  font-size: 12px;
-
-  &:hover {
-    opacity: 0.8;
-  }
-
-  &:active {
-    opacity: 0.6;
-  }
-`;
-const ActionsContainer = styled.div`
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  justify-content: center;
-`;
-//#endregion
-//#region src/edit-mode/assets/ai-stars.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 SvgAiStars = function SvgAiStars(props) {
-	return /* @__PURE__ */ React$1.createElement("svg", _extends({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 13,
-		height: 14,
-		fill: "none"
-	}, props), _path || (_path = /* @__PURE__ */ React$1.createElement("path", {
-		fill: "currentColor",
-		fillRule: "evenodd",
-		d: "M10.5.9a.6.6 0 0 1 .586.472l.133.605a.4.4 0 0 0 .305.305l.605.132a.6.6 0 0 1 0 1.172l-.605.133a.4.4 0 0 0-.305.305l-.133.605a.6.6 0 0 1-1.172 0l-.132-.605a.4.4 0 0 0-.305-.305l-.605-.133a.6.6 0 0 1 0-1.172l.605-.132a.4.4 0 0 0 .305-.305l.132-.605A.6.6 0 0 1 10.5.9M5.077 3.833a.6.6 0 0 0-1.153 0l-.215.74A2.4 2.4 0 0 1 2.074 6.21l-.741.215a.6.6 0 0 0 0 1.153l.74.215A2.4 2.4 0 0 1 3.71 9.427l.215.74a.6.6 0 0 0 1.153 0l.215-.74a2.4 2.4 0 0 1 1.635-1.635l.74-.215a.6.6 0 0 0 0-1.153l-.74-.215a2.4 2.4 0 0 1-1.635-1.635zm6.01 5.539a.6.6 0 0 0-1.173 0l-.132.605a.4.4 0 0 1-.305.305l-.605.133a.6.6 0 0 0 0 1.172l.605.132a.4.4 0 0 1 .305.305l.132.605a.6.6 0 0 0 1.172 0l.133-.605a.4.4 0 0 1 .305-.305l.605-.132a.6.6 0 0 0 0-1.172l-.605-.133a.4.4 0 0 1-.305-.305z",
-		clipRule: "evenodd"
-	})));
-};
-//#endregion
-//#region src/lib/internal-details/internal-components/fix-with-clark-button.tsx
-const MAX_STACK_FRAMES = 10;
-const MAX_PROMPT_LENGTH = 8e3;
-function buildRuntimeErrorPrompt(error) {
-	const defaultPrompt = "Fix this error: Unknown error";
-	if (!error) return defaultPrompt;
-	const [messageLine, ...rawFrames] = error.stack?.split("\n") ?? [];
-	const message = (messageLine || error.message || error.toString()).trim();
-	const filteredFrames = rawFrames.filter((line) => line && !line.includes("node_modules"));
-	const selectedFrames = filteredFrames.slice(0, MAX_STACK_FRAMES);
-	const omittedCount = filteredFrames.length - selectedFrames.length;
-	const frameSection = [...selectedFrames, ...omittedCount > 0 ? [`... (${omittedCount} additional frame${omittedCount > 1 ? "s" : ""} omitted)`] : []].map((line) => line.trimEnd()).join("\n");
-	const prompt = `Fix this error: ${frameSection ? `${message}\n${frameSection}` : message}`;
-	if (prompt.length <= MAX_PROMPT_LENGTH) return prompt;
-	const suffix = "... (truncated)";
-	const availableChars = Math.max(MAX_PROMPT_LENGTH - 15, 0);
-	return `${prompt.slice(0, availableChars)}${suffix}`;
-}
-const FixWithClarkButtonContainer = styled.button`
-  padding: 6px 12px;
-  background-color: ${colors.ACCENT_BLUE_500};
-  border-radius: 4px;
-  border: none;
-  color: white;
-  height: fit-content;
-  display: flex;
-  gap: 4px;
-  cursor: pointer;
-  transition: opacity 0.2s;
-  font-size: 12px;
-  align-items: center;
-
-  &:hover:not(:disabled) {
-    opacity: 0.8;
-  }
-
-  &:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`;
-function FixWithClarkButton({ identifier, error, onClick }) {
-	const isAiEditing = root_store_default.editStore?.ai.getIsEditing() ?? false;
-	const handleFixWithAi = () => {
-		onClick?.();
-		if (identifier) editorBridge.addComponentToAiContext(identifier.sourceId, identifier.selectorId);
-		const prompt = buildRuntimeErrorPrompt(error);
-		editorBridge.aiGenerate(prompt, true);
-	};
-	return /* @__PURE__ */ jsxs(FixWithClarkButtonContainer, {
-		onClick: handleFixWithAi,
-		disabled: isAiEditing,
-		children: [/* @__PURE__ */ jsx(SvgAiStars, {}), " 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`
-  0% {
-    background-position: -200px 0;
-  }
-  100% {
-    background-position: calc(200px + 100%) 0;
-  }
-`;
-const ShimmerDiv = styled.div`
-  min-height: 12px;
-  min-width: 12px;
-  background-color: ${(props) => props.$backgroundColor};
-  border-radius: ${(props) => props.$borderRadius};
-  position: relative;
-  overflow: hidden;
-  background: linear-gradient(
-    90deg,
-    ${(props) => props.$backgroundColor} 25%,
-    ${(props) => props.$shimmerHighlight} 50%,
-    ${(props) => props.$backgroundColor} 75%
-  );
-  background-size: max(100%, 200px) 100%;
-  animation: ${shimmerAnimation} 5s infinite linear;
-`;
-/**
-* Default fallback component displayed while components are suspended.
-*/
-function SuspenseFallback({ style, className, noBorderRadius }) {
-	const backgroundColor = "#f8f9fa";
-	const shimmerHighlight = "#ffffff";
-	const borderRadius = noBorderRadius ? "0px" : "4px";
-	const classes = useMemo(() => [CSS_CLASSES.ANCHOR_NAME, className].filter(Boolean).join(" "), [className]);
-	return /* @__PURE__ */ jsx(ShimmerDiv, {
-		$backgroundColor: backgroundColor,
-		$shimmerHighlight: shimmerHighlight,
-		$borderRadius: borderRadius,
-		style: style?.(),
-		className: classes,
-		"data-test": "suspense-fallback"
-	});
-}
-//#endregion
-//#region src/lib/user-facing/component-base/error-boundary.tsx
-const ErrorBoundaryContainer = styled.div`
-  background: white;
-  padding: 10px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  border: 1px solid ${colors.GREY_100};
-  border-left: 3px solid ${colors.RED_500};
-  border-radius: 4px;
-  width: 100%;
-  color: ${colors.GREY_700};
-`;
-const ErrorDetailsContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`;
-const ErrorActionsContainer = styled.div`
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  gap: 8px;
-`;
-var ErrorBoundary = class extends Component {
-	state = {
-		id: generateId(),
-		hasError: false
-	};
-	disposeAutoReset;
-	static getDerivedStateFromError(e) {
-		const error = e instanceof Error ? e : new Error(typeof e === "object" && e !== null ? JSON.stringify(e) : String(e));
-		return {
-			id: generateId(),
-			hasError: true,
-			error
-		};
-	}
-	componentDidCatch(error, errorInfo) {
-		if (isEditMode()) root_store_default.editStore?.ai.handleRuntimeError({
-			id: this.state.id,
-			error: String(error),
-			errorInfo,
-			identifier: this.props.identifier
-		});
-	}
-	reset = () => {
-		if (isEditMode()) root_store_default.editStore?.ai.clearRuntimeError(this.state.id);
-		this.setState({
-			hasError: false,
-			error: void 0
-		});
-	};
-	componentWillUnmount() {
-		if (this.state.hasError && isEditMode()) root_store_default.editStore?.ai.clearRuntimeError(this.state.id);
-		this.disposeAutoReset?.();
-	}
-	handleFixWithClarkInitiated = () => {
-		const ai = root_store_default.editStore?.ai;
-		if (!ai) return;
-		this.disposeAutoReset?.();
-		this.disposeAutoReset = void 0;
-		let sawStart = ai.getIsEditing();
-		this.disposeAutoReset = reaction(() => ai.getIsEditing(), (isEditing) => {
-			if (!sawStart && isEditing) sawStart = true;
-			if (sawStart && !isEditing) {
-				this.reset();
-				this.disposeAutoReset?.();
-				this.disposeAutoReset = void 0;
-			}
-		}, {
-			fireImmediately: true,
-			name: "error-boundary-ai-auto-reset"
-		});
-	};
-	handleFixWithAi() {
-		const { identifier } = this.props;
-		if (identifier) editorBridge.addComponentToAiContext(identifier.sourceId, identifier.selectorId);
-		let prompt = `Fix this error: `;
-		if (this.state.error?.stack) {
-			const lines = this.state.error.stack.split("\n");
-			const nodeModulesIndex = lines.findIndex((line) => line.includes("node_modules"));
-			const relevantLines = nodeModulesIndex > -1 ? lines.slice(0, nodeModulesIndex) : lines;
-			prompt += relevantLines.slice(0, 5).join("\n");
-		} else prompt += this.state.error?.toString();
-		editorBridge.aiGenerate(prompt);
-	}
-	render() {
-		if (this.state.hasError) return /* @__PURE__ */ jsx(Observer, { children: () => {
-			if (root_store_default.editStore?.ai.getIsEditing() ?? false) return /* @__PURE__ */ jsx(SuspenseFallback, {});
-			return /* @__PURE__ */ jsxs(ErrorBoundaryContainer, { children: [/* @__PURE__ */ jsxs(ErrorDetailsContainer, {
-				"data-testid": "runtime-error-details",
-				children: [/* @__PURE__ */ jsx("h3", { children: this.props.header || "Something went wrong." }), /* @__PURE__ */ jsxs("details", {
-					style: { fontSize: "0.8em" },
-					children: [/* @__PURE__ */ jsx("summary", {
-						style: { paddingLeft: "0.25rem" },
-						children: "Error details"
-					}), /* @__PURE__ */ jsx("div", {
-						style: {
-							marginTop: "0.5rem",
-							maxWidth: "100%",
-							overflowX: "auto",
-							scrollbarWidth: "thin"
-						},
-						children: /* @__PURE__ */ jsx("pre", {
-							style: { color: "gray" },
-							children: /* @__PURE__ */ jsx("code", { children: this.state.error?.stack ? this.state.error.stack : this.state.error?.toString() })
-						})
-					})]
-				})]
-			}), /* @__PURE__ */ jsxs(ErrorActionsContainer, { children: [isEditMode() && /* @__PURE__ */ jsx(FixWithClarkButton, {
-				onClick: this.handleFixWithClarkInitiated,
-				error: this.state.error,
-				identifier: this.props.identifier
-			}), /* @__PURE__ */ jsx(SecondaryButton, {
-				onClick: this.reset,
-				children: "Try again"
-			})] })] });
-		} });
-		return this.props.children;
-	}
-};
-//#endregion
-//#region src/lib/utils/widget-wrapper-naming.ts
-const getWidgetAnchorName = (selectorId) => {
-	return `--widget-${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
-/**
-* Tracks and recycles instance numbers for each sourceId to generate stable, unique selector IDs.
-* When components unmount, their instance numbers are released and can be reused.
-*/
-var InstanceTracker = class {
-	sourceIdToUsedInstances = /* @__PURE__ */ new Map();
-	getNextAvailableInstance(sourceId) {
-		const usedInstances = this.sourceIdToUsedInstances.get(sourceId) ?? /* @__PURE__ */ new Set();
-		let instance = 0;
-		while (usedInstances.has(instance)) instance++;
-		usedInstances.add(instance);
-		this.sourceIdToUsedInstances.set(sourceId, usedInstances);
-		return instance;
-	}
-	releaseInstance(sourceId, instance) {
-		const usedInstances = this.sourceIdToUsedInstances.get(sourceId);
-		if (usedInstances) {
-			usedInstances.delete(instance);
-			if (usedInstances.size === 0) this.sourceIdToUsedInstances.delete(sourceId);
-		}
-	}
-};
-const instanceTracker = new InstanceTracker();
-//#endregion
-//#region src/edit-mode/jsx-wrapper.tsx
-const JSXContext = React.createContext({
-	selectorId: "S-<unknown>",
-	sourceId: "SB-<unknown>"
-});
-const makeWrappedComponent = (type) => {
-	const isTag = typeof type === "string";
-	const isRegisteredSbComponent = root_store_default.componentRegistry.hasComponent(type);
-	const Component = React.forwardRef((props, ref) => {
-		const { selectorId: parentSelectorId } = useJSXContext();
-		const sourceId = props[SOURCE_ID_ATTRIBUTE];
-		const noSelect = props[NO_SELECT_ATTRIBUTE];
-		const instanceNumberRef = useRef();
-		const selectorId = useRef("S-<unknown>");
-		if (selectorId.current === "S-<unknown>") {
-			instanceNumberRef.current = instanceTracker.getNextAvailableInstance(sourceId);
-			selectorId.current = `S-x-${sourceId}-${instanceNumberRef.current}`;
-		}
-		useEffect(() => {
-			root_store_default.editStore?.runtimeTrackingStore.registerComponent(selectorId.current, {
-				sourceId,
-				type,
-				parentSelectorId,
-				isSbComponent: isRegisteredSbComponent,
-				isHtmlElement: isTag,
-				noSelect
-			});
-			return () => {
-				root_store_default.editStore?.runtimeTrackingStore.unregisterComponent(selectorId.current);
-				if (instanceNumberRef.current !== void 0) instanceTracker.releaseInstance(sourceId, instanceNumberRef.current);
-			};
-		}, []);
-		useEffect(() => {
-			root_store_default.editStore?.runtimeTrackingStore.updatePropsForComponent(selectorId.current, props);
-		}, [props]);
-		const jsxContext = useMemo(() => ({
-			selectorId: selectorId.current,
-			sourceId
-		}), [sourceId]);
-		const selectorProps = { [SELECTOR_ID_ATTRIBUTE]: selectorId.current };
-		if (parentSelectorId) selectorProps["data-sb-parent-selector-id"] = parentSelectorId;
-		const { style: propsStyle, className: propsClassName } = props;
-		const style = useMemo(() => {
-			return {
-				...propsStyle,
-				...createAnchorNameStyle({ selectorId: selectorId.current })
-			};
-		}, [propsStyle]);
-		const className = useMemo(() => {
-			return typeof propsClassName === "function" ? (...args) => ["sb-anchor-name", propsClassName(...args)].filter(Boolean).join(" ") : ["sb-anchor-name", propsClassName].filter(Boolean).join(" ");
-		}, [propsClassName]);
-		const element = React.createElement(type, {
-			ref,
-			...props,
-			...selectorProps,
-			className,
-			style
-		});
-		if (!root_store_default.editStore?.isInitialized) return /* @__PURE__ */ jsx(JSXContext.Provider, {
-			value: jsxContext,
-			children: element
-		});
-		return /* @__PURE__ */ jsx(JSXContext.Provider, {
-			value: jsxContext,
-			children: /* @__PURE__ */ jsx(ErrorBoundary, { children: element })
-		});
-	});
-	try {
-		Component.displayName = typeof type === "string" ? type : type.displayName || type.name || "Component";
-	} catch (e) {
-		console.error("Error setting displayName", e);
-	}
-	return Component;
-};
-const useJSXContext = () => {
-	return React.useContext(JSXContext);
-};
-//#endregion
-export { useSuperblocksGroups as A, isEmbeddedBySuperblocksFirstParty as B, addNewPromise as C, getAppMode as D, SuperblocksContextProvider as E, sendNotification as F, PropsCategory as G, isEditMode as H, colors as I, getEditStore as J, Section as K, editorBridge as L, useSuperblocksUser as M, embedStore as N, useSuperblocksContext as O, generateId as P, getParentOrigin as R, tracker as S, resolveById as T, createManagedPropsList as U, sendMessageImmediately as V, Prop as W, ORCHESTRATOR_EXECUTE_RESPONSE_SIZE_LIMIT_FLAG as _, FixWithClarkButton as a, createIframeSpan as b, ErrorContent as c, ErrorMessage as d, ErrorStack as f, StyledClarkIcon as g, SecondaryButton as h, getWidgetRectAnchorName as i, useSuperblocksProfiles as j, useSuperblocksDataTags as k, ErrorDetails as l, ErrorTitle as m, useJSXContext as n, ActionsContainer as o, ErrorSummary as p, createPropertiesPanelDefinition as q, getWidgetAnchorName as r, ErrorContainer as s, makeWrappedComponent as t, ErrorIconContainer as u, root_store_default as v, rejectById as w, getContextFromTraceHeaders as x, startEditorSync as y, iframeMessageHandler as z };
+export { Section as A, iframeMessageHandler as C, createManagedPropsList as D, isEditMode as E, getEditStore as M, Prop as O, getParentOrigin as S, sendMessageImmediately as T, embedStore as _, getContextFromTraceHeaders as a, colors as b, rejectById as c, getAppMode as d, useSuperblocksContext as f, useSuperblocksUser as g, useSuperblocksProfiles as h, createIframeSpan as i, createPropertiesPanelDefinition as j, PropsCategory as k, resolveById as l, useSuperblocksGroups as m, root_store_default as n, tracker as o, useSuperblocksDataTags as p, startEditorSync as r, addNewPromise as s, ORCHESTRATOR_EXECUTE_RESPONSE_SIZE_LIMIT_FLAG as t, SuperblocksContextProvider as u, generateId as v, isEmbeddedBySuperblocksFirstParty as w, editorBridge as x, sendNotification as y };
 
-//# sourceMappingURL=jsx-wrapper-CSTsctdq.js.map
+//# sourceMappingURL=root-store-CkTnQd84.js.map