@syntrologie/runtime-sdk 0.2.21 → 1.0.1-canary.0

package/dist/smart-canvas.js

@@ -282,8 +282,8 @@ var SyntrologieSDK = (() => {
                 function(fulfilledValue) {
                   "pending" === thenable.status && (thenable.status = "fulfilled", thenable.value = fulfilledValue);
                 },
-                function(error) {
-                  "pending" === thenable.status && (thenable.status = "rejected", thenable.reason = error);
+                function(error2) {
+                  "pending" === thenable.status && (thenable.status = "rejected", thenable.reason = error2);
                 }
               )), thenable.status) {
                 case "fulfilled":
@@ -399,13 +399,13 @@ var SyntrologieSDK = (() => {
                   void 0 === thenable.status && (thenable.status = "fulfilled", thenable.value = moduleObject);
                 }
               },
-              function(error) {
+              function(error2) {
                 if (0 === payload._status || -1 === payload._status) {
                   payload._status = 2;
-                  payload._result = error;
+                  payload._result = error2;
                   var _ioInfo2 = payload._ioInfo;
                   null != _ioInfo2 && (_ioInfo2.end = performance.now());
-                  void 0 === thenable.status && (thenable.status = "rejected", thenable.reason = error);
+                  void 0 === thenable.status && (thenable.status = "rejected", thenable.reason = error2);
                 }
               }
             );
@@ -476,8 +476,8 @@ var SyntrologieSDK = (() => {
                   return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
                 });
                 return;
-              } catch (error) {
-                ReactSharedInternals.thrownErrors.push(error);
+              } catch (error2) {
+                ReactSharedInternals.thrownErrors.push(error2);
               }
             else ReactSharedInternals.actQueue = null;
           0 < ReactSharedInternals.thrownErrors.length ? (queue = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, reject(queue)) : resolve(returnValue);
@@ -503,8 +503,8 @@ var SyntrologieSDK = (() => {
                 } while (1);
               }
               queue.length = 0;
-            } catch (error) {
-              queue.splice(0, i2 + 1), ReactSharedInternals.thrownErrors.push(error);
+            } catch (error2) {
+              queue.splice(0, i2 + 1), ReactSharedInternals.thrownErrors.push(error2);
             } finally {
               isFlushing = false;
             }
@@ -582,20 +582,20 @@ var SyntrologieSDK = (() => {
           UnknownOwner
         )();
         var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-        var didWarnAboutMaps = false, userProvidedKeyEscapeRegex = /\/+/g, reportGlobalError = "function" === typeof reportError ? reportError : function(error) {
+        var didWarnAboutMaps = false, userProvidedKeyEscapeRegex = /\/+/g, reportGlobalError = "function" === typeof reportError ? reportError : function(error2) {
           if ("object" === typeof window && "function" === typeof window.ErrorEvent) {
             var event = new window.ErrorEvent("error", {
               bubbles: true,
               cancelable: true,
-              message: "object" === typeof error && null !== error && "string" === typeof error.message ? String(error.message) : String(error),
-              error
+              message: "object" === typeof error2 && null !== error2 && "string" === typeof error2.message ? String(error2.message) : String(error2),
+              error: error2
             });
             if (!window.dispatchEvent(event)) return;
           } else if ("object" === typeof process && "function" === typeof process.emit) {
-            process.emit("uncaughtException", error);
+            process.emit("uncaughtException", error2);
             return;
           }
-          console.error(error);
+          console.error(error2);
         }, didWarnAboutMessageChannel = false, enqueueTaskImpl = null, actScopeDepth = 0, didWarnNoAwaitAct = false, isFlushing = false, queueSeveralMicrotasks = "function" === typeof queueMicrotask ? function(callback) {
           queueMicrotask(function() {
             return queueMicrotask(callback);
@@ -654,8 +654,8 @@ var SyntrologieSDK = (() => {
           var queue = ReactSharedInternals.actQueue = null !== prevActQueue ? prevActQueue : [], didAwaitActCall = false;
           try {
             var result = callback();
-          } catch (error) {
-            ReactSharedInternals.thrownErrors.push(error);
+          } catch (error2) {
+            ReactSharedInternals.thrownErrors.push(error2);
           }
           if (0 < ReactSharedInternals.thrownErrors.length)
             throw popActScope(prevActQueue, prevActScopeDepth), callback = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, callback;
@@ -693,11 +693,11 @@ var SyntrologieSDK = (() => {
                       }
                     } else resolve(returnValue);
                   },
-                  function(error) {
+                  function(error2) {
                     popActScope(prevActQueue, prevActScopeDepth);
-                    0 < ReactSharedInternals.thrownErrors.length ? (error = aggregateErrors(
+                    0 < ReactSharedInternals.thrownErrors.length ? (error2 = aggregateErrors(
                       ReactSharedInternals.thrownErrors
-                    ), ReactSharedInternals.thrownErrors.length = 0, reject(error)) : reject(error);
+                    ), ReactSharedInternals.thrownErrors.length = 0, reject(error2)) : reject(error2);
                   }
                 );
               }
@@ -917,8 +917,8 @@ var SyntrologieSDK = (() => {
             var returnValue = scope(), onStartTransitionFinish = ReactSharedInternals.S;
             null !== onStartTransitionFinish && onStartTransitionFinish(currentTransition, returnValue);
             "object" === typeof returnValue && null !== returnValue && "function" === typeof returnValue.then && (ReactSharedInternals.asyncTransitions++, returnValue.then(releaseAsyncTransition, releaseAsyncTransition), returnValue.then(noop, reportGlobalError));
-          } catch (error) {
-            reportGlobalError(error);
+          } catch (error2) {
+            reportGlobalError(error2);
           } finally {
             null === prevTransition && currentTransition._updatedFibers && (scope = currentTransition._updatedFibers.size, currentTransition._updatedFibers.clear(), 10 < scope && console.warn(
               "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
@@ -5093,23 +5093,23 @@ var SyntrologieSDK = (() => {
             "disabledDepth fell below zero. This is a bug in React. Please file an issue."
           );
         }
-        function formatOwnerStack(error) {
+        function formatOwnerStack(error2) {
           var prevPrepareStackTrace = Error.prepareStackTrace;
           Error.prepareStackTrace = void 0;
-          error = error.stack;
+          error2 = error2.stack;
           Error.prepareStackTrace = prevPrepareStackTrace;
-          error.startsWith("Error: react-stack-top-frame\n") && (error = error.slice(29));
-          prevPrepareStackTrace = error.indexOf("\n");
-          -1 !== prevPrepareStackTrace && (error = error.slice(prevPrepareStackTrace + 1));
-          prevPrepareStackTrace = error.indexOf("react_stack_bottom_frame");
-          -1 !== prevPrepareStackTrace && (prevPrepareStackTrace = error.lastIndexOf(
+          error2.startsWith("Error: react-stack-top-frame\n") && (error2 = error2.slice(29));
+          prevPrepareStackTrace = error2.indexOf("\n");
+          -1 !== prevPrepareStackTrace && (error2 = error2.slice(prevPrepareStackTrace + 1));
+          prevPrepareStackTrace = error2.indexOf("react_stack_bottom_frame");
+          -1 !== prevPrepareStackTrace && (prevPrepareStackTrace = error2.lastIndexOf(
             "\n",
             prevPrepareStackTrace
           ));
           if (-1 !== prevPrepareStackTrace)
-            error = error.slice(0, prevPrepareStackTrace);
+            error2 = error2.slice(0, prevPrepareStackTrace);
           else return "";
-          return error;
+          return error2;
         }
         function describeBuiltInComponentFrame(name) {
           if (void 0 === prefix)
@@ -7606,10 +7606,10 @@ var SyntrologieSDK = (() => {
               if (null !== name) {
                 selfTime = [];
                 for (var i2 = 0; i2 < errors.length; i2++) {
-                  var error = errors[i2].value;
+                  var error2 = errors[i2].value;
                   selfTime.push([
                     "Error",
-                    "object" === typeof error && null !== error && "string" === typeof error.message ? String(error.message) : String(error)
+                    "object" === typeof error2 && null !== error2 && "string" === typeof error2.message ? String(error2.message) : String(error2)
                   ]);
                 }
                 null !== fiber.key && addValueToProperties("key", fiber.key, selfTime, 0, "");
@@ -7723,10 +7723,10 @@ var SyntrologieSDK = (() => {
           if (supportsUserTiming && !(endTime <= startTime)) {
             lanes = [];
             for (var i2 = 0; i2 < recoverableErrors.length; i2++) {
-              var error = recoverableErrors[i2].value;
+              var error2 = recoverableErrors[i2].value;
               lanes.push([
                 "Recoverable Error",
-                "object" === typeof error && null !== error && "string" === typeof error.message ? String(error.message) : String(error)
+                "object" === typeof error2 && null !== error2 && "string" === typeof error2.message ? String(error2.message) : String(error2)
               ]);
             }
             startTime = {
@@ -7790,10 +7790,10 @@ var SyntrologieSDK = (() => {
         function logCommitErrored(startTime, endTime, errors, passive, debugTask) {
           if (supportsUserTiming && !(endTime <= startTime)) {
             for (var properties = [], i2 = 0; i2 < errors.length; i2++) {
-              var error = errors[i2].value;
+              var error2 = errors[i2].value;
               properties.push([
                 "Error",
-                "object" === typeof error && null !== error && "string" === typeof error.message ? String(error.message) : String(error)
+                "object" === typeof error2 && null !== error2 && "string" === typeof error2.message ? String(error2.message) : String(error2)
               ]);
             }
             startTime = {
@@ -8417,8 +8417,8 @@ var SyntrologieSDK = (() => {
           ), hydrationErrors = null);
           return queuedErrors;
         }
-        function queueHydrationError(error) {
-          null === hydrationErrors ? hydrationErrors = [error] : hydrationErrors.push(error);
+        function queueHydrationError(error2) {
+          null === hydrationErrors ? hydrationErrors = [error2] : hydrationErrors.push(error2);
         }
         function emitPendingHydrationWarnings() {
           var diffRoot = hydrationDiffRootDEV;
@@ -8784,11 +8784,11 @@ var SyntrologieSDK = (() => {
               thenableWithOverride.value = result;
               for (var i2 = 0; i2 < listeners.length; i2++) (0, listeners[i2])(result);
             },
-            function(error) {
+            function(error2) {
               thenableWithOverride.status = "rejected";
-              thenableWithOverride.reason = error;
-              for (error = 0; error < listeners.length; error++)
-                (0, listeners[error])(void 0);
+              thenableWithOverride.reason = error2;
+              for (error2 = 0; error2 < listeners.length; error2++)
+                (0, listeners[error2])(void 0);
             }
           );
           return thenableWithOverride;
@@ -8856,11 +8856,11 @@ var SyntrologieSDK = (() => {
                       fulfilledThenable.value = fulfilledValue;
                     }
                   },
-                  function(error) {
+                  function(error2) {
                     if ("pending" === thenable.status) {
                       var rejectedThenable = thenable;
                       rejectedThenable.status = "rejected";
-                      rejectedThenable.reason = error;
+                      rejectedThenable.reason = error2;
                     }
                   }
                 );
@@ -10453,7 +10453,7 @@ var SyntrologieSDK = (() => {
           try {
             var nextValue = latestGetSnapshot();
             return !objectIs(inst, nextValue);
-          } catch (error) {
+          } catch (error2) {
             return true;
           }
         }
@@ -10564,8 +10564,8 @@ var SyntrologieSDK = (() => {
               var returnValue = action(prevState, payload), onStartTransitionFinish = ReactSharedInternals.S;
               null !== onStartTransitionFinish && onStartTransitionFinish(currentTransition, returnValue);
               handleActionReturnValue(actionQueue, node, returnValue);
-            } catch (error) {
-              onActionError(actionQueue, node, error);
+            } catch (error2) {
+              onActionError(actionQueue, node, error2);
             } finally {
               null !== prevTransition && null !== currentTransition.types && (null !== prevTransition.types && prevTransition.types !== currentTransition.types && console.error(
                 "We expected inner Transitions to have transferred the outer types set and that you cannot add to the outer Transition while inside the inner.This is a bug in React."
@@ -10585,8 +10585,8 @@ var SyntrologieSDK = (() => {
             function(nextState) {
               onActionSuccess(actionQueue, node, nextState);
             },
-            function(error) {
-              return onActionError(actionQueue, node, error);
+            function(error2) {
+              return onActionError(actionQueue, node, error2);
             }
           ), node.isTransition || console.error(
             "An async function with useActionState was called outside of a transition. This is likely not what you intended (for example, isPending will not update correctly). Either call the returned function inside startTransition, or pass it to an `action` or `formAction` prop."
@@ -10600,13 +10600,13 @@ var SyntrologieSDK = (() => {
           actionNode = actionQueue.pending;
           null !== actionNode && (nextState = actionNode.next, nextState === actionNode ? actionQueue.pending = null : (nextState = nextState.next, actionNode.next = nextState, runActionStateAction(actionQueue, nextState)));
         }
-        function onActionError(actionQueue, actionNode, error) {
+        function onActionError(actionQueue, actionNode, error2) {
           var last = actionQueue.pending;
           actionQueue.pending = null;
           if (null !== last) {
             last = last.next;
             do
-              actionNode.status = "rejected", actionNode.reason = error, notifyActionListeners(actionNode), actionNode = actionNode.next;
+              actionNode.status = "rejected", actionNode.reason = error2, notifyActionListeners(actionNode), actionNode = actionNode.next;
             while (actionNode !== last);
           }
           actionQueue.action = null;
@@ -10986,12 +10986,12 @@ var SyntrologieSDK = (() => {
                 finishedState,
                 requestUpdateLane(fiber)
               );
-          } catch (error) {
+          } catch (error2) {
             dispatchSetStateInternal(
               fiber,
               queue,
               { then: function() {
-              }, status: "rejected", reason: error },
+              }, status: "rejected", reason: error2 },
               requestUpdateLane(fiber)
             );
           } finally {
@@ -11181,7 +11181,7 @@ var SyntrologieSDK = (() => {
                 update.eagerState = eagerState;
                 if (objectIs(eagerState, currentState))
                   return enqueueUpdate$1(fiber, queue, update, 0), null === workInProgressRoot && finishQueueingConcurrentUpdates(), false;
-              } catch (error) {
+              } catch (error2) {
               } finally {
                 ReactSharedInternals.H = prevDispatcher;
               }
@@ -11318,32 +11318,32 @@ var SyntrologieSDK = (() => {
           }
           return newProps;
         }
-        function defaultOnUncaughtError(error) {
-          reportGlobalError(error);
+        function defaultOnUncaughtError(error2) {
+          reportGlobalError(error2);
           console.warn(
             "%s\n\n%s\n",
             componentName ? "An error occurred in the <" + componentName + "> component." : "An error occurred in one of your React components.",
             "Consider adding an error boundary to your tree to customize error handling behavior.\nVisit https://react.dev/link/error-boundaries to learn more about error boundaries."
           );
         }
-        function defaultOnCaughtError(error) {
+        function defaultOnCaughtError(error2) {
           var componentNameMessage = componentName ? "The above error occurred in the <" + componentName + "> component." : "The above error occurred in one of your React components.", recreateMessage = "React will try to recreate this component tree from scratch using the error boundary you provided, " + ((errorBoundaryName || "Anonymous") + ".");
-          if ("object" === typeof error && null !== error && "string" === typeof error.environmentName) {
-            var JSCompiler_inline_result = error.environmentName;
-            error = [
+          if ("object" === typeof error2 && null !== error2 && "string" === typeof error2.environmentName) {
+            var JSCompiler_inline_result = error2.environmentName;
+            error2 = [
               "%o\n\n%s\n\n%s\n",
-              error,
+              error2,
               componentNameMessage,
               recreateMessage
             ].slice(0);
-            "string" === typeof error[0] ? error.splice(
+            "string" === typeof error2[0] ? error2.splice(
               0,
               1,
-              badgeFormat + " " + error[0],
+              badgeFormat + " " + error2[0],
               badgeStyle,
               pad + JSCompiler_inline_result + pad,
               resetStyle
-            ) : error.splice(
+            ) : error2.splice(
               0,
               0,
               badgeFormat,
@@ -11351,30 +11351,30 @@ var SyntrologieSDK = (() => {
               pad + JSCompiler_inline_result + pad,
               resetStyle
             );
-            error.unshift(console);
-            JSCompiler_inline_result = bind.apply(console.error, error);
+            error2.unshift(console);
+            JSCompiler_inline_result = bind.apply(console.error, error2);
             JSCompiler_inline_result();
           } else
             console.error(
               "%o\n\n%s\n\n%s\n",
-              error,
+              error2,
               componentNameMessage,
               recreateMessage
             );
         }
-        function defaultOnRecoverableError(error) {
-          reportGlobalError(error);
+        function defaultOnRecoverableError(error2) {
+          reportGlobalError(error2);
         }
         function logUncaughtError(root2, errorInfo) {
           try {
             componentName = errorInfo.source ? getComponentNameFromFiber(errorInfo.source) : null;
             errorBoundaryName = null;
-            var error = errorInfo.value;
+            var error2 = errorInfo.value;
             if (null !== ReactSharedInternals.actQueue)
-              ReactSharedInternals.thrownErrors.push(error);
+              ReactSharedInternals.thrownErrors.push(error2);
             else {
               var onUncaughtError = root2.onUncaughtError;
-              onUncaughtError(error, { componentStack: errorInfo.stack });
+              onUncaughtError(error2, { componentStack: errorInfo.stack });
             }
           } catch (e$5) {
             setTimeout(function() {
@@ -11414,9 +11414,9 @@ var SyntrologieSDK = (() => {
         function initializeClassErrorUpdate(update, root2, fiber, errorInfo) {
           var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
           if ("function" === typeof getDerivedStateFromError) {
-            var error = errorInfo.value;
+            var error2 = errorInfo.value;
             update.payload = function() {
-              return getDerivedStateFromError(error);
+              return getDerivedStateFromError(error2);
             };
             update.callback = function() {
               markFailedErrorBoundaryForHotReloading(fiber);
@@ -11502,14 +11502,14 @@ var SyntrologieSDK = (() => {
               value,
               rootRenderLanes
             ), enqueueCapturedUpdate(root2, rootRenderLanes), workInProgressRootExitStatus !== RootSuspendedWithDelay && (workInProgressRootExitStatus = RootErrored)), false;
-          var error = createCapturedValueAtFiber(
+          var error2 = createCapturedValueAtFiber(
             Error(
               "There was an error during concurrent rendering but React was able to recover by instead synchronously rendering the entire root.",
               { cause: value }
             ),
             sourceFiber
           );
-          null === workInProgressRootConcurrentErrors ? workInProgressRootConcurrentErrors = [error] : workInProgressRootConcurrentErrors.push(error);
+          null === workInProgressRootConcurrentErrors ? workInProgressRootConcurrentErrors = [error2] : workInProgressRootConcurrentErrors.push(error2);
           workInProgressRootExitStatus !== RootSuspendedWithDelay && (workInProgressRootExitStatus = RootErrored);
           if (null === returnFiber) return true;
           value = createCapturedValueAtFiber(value, sourceFiber);
@@ -11523,7 +11523,7 @@ var SyntrologieSDK = (() => {
                   root2
                 ), enqueueCapturedUpdate(sourceFiber, root2), false;
               case 1:
-                if (returnFiber = sourceFiber.type, error = sourceFiber.stateNode, 0 === (sourceFiber.flags & 128) && ("function" === typeof returnFiber.getDerivedStateFromError || null !== error && "function" === typeof error.componentDidCatch && (null === legacyErrorBoundariesThatAlreadyFailed || !legacyErrorBoundariesThatAlreadyFailed.has(error))))
+                if (returnFiber = sourceFiber.type, error2 = sourceFiber.stateNode, 0 === (sourceFiber.flags & 128) && ("function" === typeof returnFiber.getDerivedStateFromError || null !== error2 && "function" === typeof error2.componentDidCatch && (null === legacyErrorBoundariesThatAlreadyFailed || !legacyErrorBoundariesThatAlreadyFailed.has(error2))))
                   return sourceFiber.flags |= 65536, rootRenderLanes &= -rootRenderLanes, sourceFiber.lanes |= rootRenderLanes, rootRenderLanes = createClassErrorUpdate(rootRenderLanes), initializeClassErrorUpdate(
                     rootRenderLanes,
                     root2,
@@ -13790,8 +13790,8 @@ var SyntrologieSDK = (() => {
                 updateQueue = updateQueue.next;
               } while (updateQueue !== firstEffect);
             }
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          } catch (error2) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error2);
           }
         }
         function commitHookEffectListUnmount(flags, finishedWork, nearestMountedAncestor) {
@@ -13814,8 +13814,8 @@ var SyntrologieSDK = (() => {
                 updateQueue = updateQueue.next;
               } while (updateQueue !== firstEffect);
             }
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          } catch (error2) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error2);
           }
         }
         function commitHookPassiveMountEffects(finishedWork, hookFlags) {
@@ -13850,8 +13850,8 @@ var SyntrologieSDK = (() => {
                 updateQueue,
                 instance
               );
-            } catch (error) {
-              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            } catch (error2) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error2);
             }
           }
         }
@@ -13888,8 +13888,8 @@ var SyntrologieSDK = (() => {
               );
             }));
             current2.__reactInternalSnapshotBeforeUpdate = snapshot;
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          } catch (error2) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error2);
           }
         }
         function safelyCallComponentWillUnmount(current2, nearestMountedAncestor, instance) {
@@ -13945,8 +13945,8 @@ var SyntrologieSDK = (() => {
         function safelyAttachRef(current2, nearestMountedAncestor) {
           try {
             runWithFiberInDEV(current2, commitAttachRef, current2);
-          } catch (error) {
-            captureCommitPhaseError(current2, nearestMountedAncestor, error);
+          } catch (error2) {
+            captureCommitPhaseError(current2, nearestMountedAncestor, error2);
           }
         }
         function safelyDetachRef(current2, nearestMountedAncestor) {
@@ -13961,8 +13961,8 @@ var SyntrologieSDK = (() => {
                     recordEffectDuration(current2);
                   }
                 else runWithFiberInDEV(current2, refCleanup);
-              } catch (error) {
-                captureCommitPhaseError(current2, nearestMountedAncestor, error);
+              } catch (error2) {
+                captureCommitPhaseError(current2, nearestMountedAncestor, error2);
               } finally {
                 current2.refCleanup = null, current2 = current2.alternate, null != current2 && (current2.refCleanup = null);
               }
@@ -14019,8 +14019,8 @@ var SyntrologieSDK = (() => {
               props,
               finishedWork
             );
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          } catch (error2) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error2);
           }
         }
         function commitHostUpdate(finishedWork, newProps, oldProps) {
@@ -14034,8 +14034,8 @@ var SyntrologieSDK = (() => {
               newProps,
               finishedWork
             );
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          } catch (error2) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error2);
           }
         }
         function isHostParent(fiber) {
@@ -14132,8 +14132,8 @@ var SyntrologieSDK = (() => {
               singleton,
               finishedWork
             );
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          } catch (error2) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error2);
           }
         }
         function isHydratingParent(current2, finishedWork) {
@@ -14336,8 +14336,8 @@ var SyntrologieSDK = (() => {
                     flags,
                     prevProps
                   );
-                } catch (error) {
-                  captureCommitPhaseError(finishedWork, finishedWork.return, error);
+                } catch (error2) {
+                  captureCommitPhaseError(finishedWork, finishedWork.return, error2);
                 }
               }
               finishedRoot.effectDuration += popNestedEffectDurations(current2);
@@ -14362,11 +14362,11 @@ var SyntrologieSDK = (() => {
                       current2,
                       finishedWork
                     );
-                  } catch (error) {
+                  } catch (error2) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error
+                      error2
                     );
                   }
                 }
@@ -14388,8 +14388,8 @@ var SyntrologieSDK = (() => {
                     commitStartTime,
                     finishedRoot.effectDuration
                   );
-                } catch (error) {
-                  captureCommitPhaseError(finishedWork, finishedWork.return, error);
+                } catch (error2) {
+                  captureCommitPhaseError(finishedWork, finishedWork.return, error2);
                 }
               } else recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
               break;
@@ -14535,11 +14535,11 @@ var SyntrologieSDK = (() => {
                       hostParent,
                       deletedFiber.stateNode
                     );
-                  } catch (error) {
+                  } catch (error2) {
                     captureCommitPhaseError(
                       deletedFiber,
                       nearestMountedAncestor,
-                      error
+                      error2
                     );
                   }
                 else
@@ -14550,11 +14550,11 @@ var SyntrologieSDK = (() => {
                       hostParent,
                       deletedFiber.stateNode
                     );
-                  } catch (error) {
+                  } catch (error2) {
                     captureCommitPhaseError(
                       deletedFiber,
                       nearestMountedAncestor,
-                      error
+                      error2
                     );
                   }
               break;
@@ -14653,8 +14653,8 @@ var SyntrologieSDK = (() => {
                 commitHydratedActivityInstance,
                 finishedRoot
               );
-            } catch (error) {
-              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            } catch (error2) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error2);
             }
           }
         }
@@ -14666,8 +14666,8 @@ var SyntrologieSDK = (() => {
                 commitHydratedSuspenseInstance,
                 finishedRoot
               );
-            } catch (error) {
-              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            } catch (error2) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error2);
             }
         }
         function getRetryCache(finishedWork) {
@@ -14912,8 +14912,8 @@ var SyntrologieSDK = (() => {
                     resetTextContent,
                     existingHiddenCallbacks
                   );
-                } catch (error) {
-                  captureCommitPhaseError(finishedWork, finishedWork.return, error);
+                } catch (error2) {
+                  captureCommitPhaseError(finishedWork, finishedWork.return, error2);
                 }
               }
               flags & 4 && null != finishedWork.stateNode && (existingHiddenCallbacks = finishedWork.memoizedProps, commitHostUpdate(
@@ -14944,8 +14944,8 @@ var SyntrologieSDK = (() => {
                     current2,
                     flags
                   );
-                } catch (error) {
-                  captureCommitPhaseError(finishedWork, finishedWork.return, error);
+                } catch (error2) {
+                  captureCommitPhaseError(finishedWork, finishedWork.return, error2);
                 }
               }
               break;
@@ -14964,8 +14964,8 @@ var SyntrologieSDK = (() => {
                     commitHydratedContainer,
                     root2.containerInfo
                   );
-                } catch (error) {
-                  captureCommitPhaseError(finishedWork, finishedWork.return, error);
+                } catch (error2) {
+                  captureCommitPhaseError(finishedWork, finishedWork.return, error2);
                 }
               needsFormReset && (needsFormReset = false, recursivelyResetForms(finishedWork));
               root2.effectDuration += popNestedEffectDurations(
@@ -15033,8 +15033,8 @@ var SyntrologieSDK = (() => {
                           wasHidden.stateNode,
                           wasHidden.memoizedProps
                         );
-                      } catch (error) {
-                        captureCommitPhaseError(wasHidden, wasHidden.return, error);
+                      } catch (error2) {
+                        captureCommitPhaseError(wasHidden, wasHidden.return, error2);
                       }
                     }
                   } else if (6 === root2.tag) {
@@ -15051,8 +15051,8 @@ var SyntrologieSDK = (() => {
                           maybeNodes,
                           wasHidden.memoizedProps
                         );
-                      } catch (error) {
-                        captureCommitPhaseError(wasHidden, wasHidden.return, error);
+                      } catch (error2) {
+                        captureCommitPhaseError(wasHidden, wasHidden.return, error2);
                       }
                     }
                   } else if (18 === root2.tag) {
@@ -15068,8 +15068,8 @@ var SyntrologieSDK = (() => {
                           unhideDehydratedBoundary,
                           wasHidden.stateNode
                         );
-                      } catch (error) {
-                        captureCommitPhaseError(wasHidden, wasHidden.return, error);
+                      } catch (error2) {
+                        captureCommitPhaseError(wasHidden, wasHidden.return, error2);
                       }
                     }
                   } else if ((22 !== root2.tag && 23 !== root2.tag || null === root2.memoizedState || root2 === finishedWork) && null !== root2.child) {
@@ -15127,8 +15127,8 @@ var SyntrologieSDK = (() => {
           if (flags & 2) {
             try {
               runWithFiberInDEV(finishedWork, commitPlacement, finishedWork);
-            } catch (error) {
-              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            } catch (error2) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error2);
             }
             finishedWork.flags &= -3;
           }
@@ -15244,8 +15244,8 @@ var SyntrologieSDK = (() => {
                     current2,
                     finishedRoot
                   );
-                } catch (error) {
-                  captureCommitPhaseError(finishedWork, finishedWork.return, error);
+                } catch (error2) {
+                  captureCommitPhaseError(finishedWork, finishedWork.return, error2);
                 }
               }
               includeWorkInProgressEffects && flags & 64 && commitClassCallbacks(finishedWork);
@@ -15282,8 +15282,8 @@ var SyntrologieSDK = (() => {
                     commitStartTime,
                     includeWorkInProgressEffects.effectDuration
                   );
-                } catch (error) {
-                  captureCommitPhaseError(finishedWork, finishedWork.return, error);
+                } catch (error2) {
+                  captureCommitPhaseError(finishedWork, finishedWork.return, error2);
                 }
               } else
                 recursivelyTraverseReappearLayoutEffects(
@@ -15454,8 +15454,8 @@ var SyntrologieSDK = (() => {
                     commitStartTime,
                     finishedRoot.passiveEffectDuration
                   );
-                } catch (error) {
-                  captureCommitPhaseError(finishedWork, finishedWork.return, error);
+                } catch (error2) {
+                  captureCommitPhaseError(finishedWork, finishedWork.return, error2);
                 }
               } else
                 recursivelyTraversePassiveMountEffects(
@@ -16396,7 +16396,7 @@ var SyntrologieSDK = (() => {
                 check = check.value;
                 try {
                   if (!objectIs(getSnapshot(), check)) return false;
-                } catch (error) {
+                } catch (error2) {
                   return false;
                 }
               }
@@ -16991,8 +16991,8 @@ var SyntrologieSDK = (() => {
               workInProgress = null;
               return;
             }
-          } catch (error) {
-            if (null !== returnFiber) throw workInProgress = returnFiber, error;
+          } catch (error2) {
+            if (null !== returnFiber) throw workInProgress = returnFiber, error2;
             workInProgressRootExitStatus = RootFatalErrored;
             logUncaughtError(
               root2,
@@ -17561,36 +17561,36 @@ var SyntrologieSDK = (() => {
             ReactDOMSharedInternals.p = previousPriority, ReactSharedInternals.T = renderPriority, releaseRootPooledCache(root2, remainingLanes);
           }
         }
-        function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
-          sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+        function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error2) {
+          sourceFiber = createCapturedValueAtFiber(error2, sourceFiber);
           recordEffectError(sourceFiber);
           sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2);
           rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
           null !== rootFiber && (markRootUpdated$1(rootFiber, 2), ensureRootIsScheduled(rootFiber));
         }
-        function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
+        function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error2) {
           isRunningInsertionEffect = false;
           if (3 === sourceFiber.tag)
-            captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
+            captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error2);
           else {
             for (; null !== nearestMountedAncestor; ) {
               if (3 === nearestMountedAncestor.tag) {
                 captureCommitPhaseErrorOnRoot(
                   nearestMountedAncestor,
                   sourceFiber,
-                  error
+                  error2
                 );
                 return;
               }
               if (1 === nearestMountedAncestor.tag) {
                 var instance = nearestMountedAncestor.stateNode;
                 if ("function" === typeof nearestMountedAncestor.type.getDerivedStateFromError || "function" === typeof instance.componentDidCatch && (null === legacyErrorBoundariesThatAlreadyFailed || !legacyErrorBoundariesThatAlreadyFailed.has(instance))) {
-                  sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+                  sourceFiber = createCapturedValueAtFiber(error2, sourceFiber);
                   recordEffectError(sourceFiber);
-                  error = createClassErrorUpdate(2);
-                  instance = enqueueUpdate(nearestMountedAncestor, error, 2);
+                  error2 = createClassErrorUpdate(2);
+                  instance = enqueueUpdate(nearestMountedAncestor, error2, 2);
                   null !== instance && (initializeClassErrorUpdate(
-                    error,
+                    error2,
                     instance,
                     nearestMountedAncestor,
                     sourceFiber
@@ -17602,7 +17602,7 @@ var SyntrologieSDK = (() => {
             }
             console.error(
               "Internal React error: Attempted to capture a commit phase error inside a detached tree. This indicates a bug in React. Potential causes include deleting the same fiber more than once, committing an already-finished tree, or an inconsistent return pointer.\n\nError message:\n\n%s",
-              error
+              error2
             );
           }
         }
@@ -17977,8 +17977,8 @@ var SyntrologieSDK = (() => {
           event.currentTarget = currentTarget;
           try {
             listener(event);
-          } catch (error) {
-            reportGlobalError(error);
+          } catch (error2) {
+            reportGlobalError(error2);
           }
           event.currentTarget = null;
         }
@@ -20222,9 +20222,9 @@ var SyntrologieSDK = (() => {
           var event = window.event;
           return event && event !== schedulerEvent ? event.timeStamp : -1.1;
         }
-        function handleErrorInNextTick(error) {
+        function handleErrorInNextTick(error2) {
           setTimeout(function() {
-            throw error;
+            throw error2;
           });
         }
         function commitMount(domElement, type, newProps) {
@@ -22647,20 +22647,20 @@ var SyntrologieSDK = (() => {
             return localDate.now();
           };
         }
-        var reportGlobalError = "function" === typeof reportError ? reportError : function(error) {
+        var reportGlobalError = "function" === typeof reportError ? reportError : function(error2) {
           if ("object" === typeof window && "function" === typeof window.ErrorEvent) {
             var event = new window.ErrorEvent("error", {
               bubbles: true,
               cancelable: true,
-              message: "object" === typeof error && null !== error && "string" === typeof error.message ? String(error.message) : String(error),
-              error
+              message: "object" === typeof error2 && null !== error2 && "string" === typeof error2.message ? String(error2.message) : String(error2),
+              error: error2
             });
             if (!window.dispatchEvent(event)) return;
           } else if ("object" === typeof process && "function" === typeof process.emit) {
-            process.emit("uncaughtException", error);
+            process.emit("uncaughtException", error2);
             return;
           }
-          console.error(error);
+          console.error(error2);
         }, OMITTED_PROP_ERROR = "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.", EMPTY_ARRAY = 0, COMPLEX_ARRAY = 1, PRIMITIVE_ARRAY = 2, ENTRIES_ARRAY = 3, REMOVED = "\u2013\xA0", ADDED = "+\xA0", UNCHANGED = "\u2007\xA0", supportsUserTiming = "undefined" !== typeof console && "function" === typeof console.timeStamp && "undefined" !== typeof performance && "function" === typeof performance.measure, COMPONENTS_TRACK = "Components \u269B", LANES_TRACK_GROUP = "Scheduler \u269B", currentTrack = "Blocking", alreadyWarnedForDeepEquality = false, reusableComponentDevToolDetails = {
           color: "primary",
           properties: null,
@@ -22882,8 +22882,8 @@ var SyntrologieSDK = (() => {
           react_stack_bottom_frame: function(finishedWork, instance) {
             try {
               instance.componentDidMount();
-            } catch (error) {
-              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            } catch (error2) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error2);
             }
           }
         }, callComponentDidMountInDEV = callComponentDidMount.react_stack_bottom_frame.bind(
@@ -22892,8 +22892,8 @@ var SyntrologieSDK = (() => {
           react_stack_bottom_frame: function(finishedWork, instance, prevProps, prevState, snapshot) {
             try {
               instance.componentDidUpdate(prevProps, prevState, snapshot);
-            } catch (error) {
-              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            } catch (error2) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error2);
             }
           }
         }, callComponentDidUpdateInDEV = callComponentDidUpdate.react_stack_bottom_frame.bind(
@@ -22911,8 +22911,8 @@ var SyntrologieSDK = (() => {
           react_stack_bottom_frame: function(current2, nearestMountedAncestor, instance) {
             try {
               instance.componentWillUnmount();
-            } catch (error) {
-              captureCommitPhaseError(current2, nearestMountedAncestor, error);
+            } catch (error2) {
+              captureCommitPhaseError(current2, nearestMountedAncestor, error2);
             }
           }
         }, callComponentWillUnmountInDEV = callComponentWillUnmount.react_stack_bottom_frame.bind(
@@ -22928,8 +22928,8 @@ var SyntrologieSDK = (() => {
           react_stack_bottom_frame: function(current2, nearestMountedAncestor, destroy) {
             try {
               destroy();
-            } catch (error) {
-              captureCommitPhaseError(current2, nearestMountedAncestor, error);
+            } catch (error2) {
+              captureCommitPhaseError(current2, nearestMountedAncestor, error2);
             }
           }
         }, callDestroyInDEV = callDestroy.react_stack_bottom_frame.bind(callDestroy), callLazyInit = {
@@ -33733,7 +33733,7 @@ var SyntrologieSDK = (() => {
     footerSlot,
     tiles,
     isLoading,
-    error,
+    error: error2,
     canvasTitle,
     displayMode = "standard",
     theme: themeOverride,
@@ -33818,9 +33818,9 @@ var SyntrologieSDK = (() => {
         children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: wrapperStyle, children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: containerStyle, children: [
             !isFocused && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("header", { style: { color: "white", padding: "1.5rem 1.5rem 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { margin: 0, fontSize: "0.7rem", textTransform: "uppercase", letterSpacing: "0.5em", color: "rgba(255, 255, 255, 0.6)" }, children: canvasTitle ?? "Smart Canvas" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { flex: 1, overflowY: "auto", padding: isFocused ? "0" : "1.5rem" }, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "rgba(255, 255, 255, 0.85)", padding: isFocused ? "1rem" : "0" }, children: "Loading..." }) : error ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { color: "#fecdd3", padding: isFocused ? "1rem" : "0" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { flex: 1, overflowY: "auto", padding: isFocused ? "0" : "1.5rem" }, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "rgba(255, 255, 255, 0.85)", padding: isFocused ? "1rem" : "0" }, children: "Loading..." }) : error2 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { color: "#fecdd3", padding: isFocused ? "1rem" : "0" }, children: [
               "Failed to load: ",
-              error
+              error2
             ] }) : isFocused ? (
               /* Focused Mode: Render first tile full size */
               tiles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -34153,7 +34153,7 @@ var SyntrologieSDK = (() => {
       }
       const uri = resolveConfigUri({ configUri, experiments, featureKey });
       if (!uri) {
-        throw new Error("SmartCanvas: config URI missing (env + feature flag unset).");
+        return { tiles: [], overlays: [] };
       }
       if (!validateConfigUri(uri)) {
         throw new Error(`SmartCanvas: config URI not allowed: ${uri}`);
@@ -34466,8 +34466,8 @@ var SyntrologieSDK = (() => {
         return issue.message;
       };
       const fieldErrors = { _errors: [] };
-      const processError = (error) => {
-        for (const issue of error.issues) {
+      const processError = (error2) => {
+        for (const issue of error2.issues) {
           if (issue.code === "invalid_union") {
             issue.unionErrors.map(processError);
           } else if (issue.code === "invalid_return_type") {
@@ -34530,8 +34530,8 @@ var SyntrologieSDK = (() => {
     }
   };
   ZodError.create = (issues) => {
-    const error = new ZodError(issues);
-    return error;
+    const error2 = new ZodError(issues);
+    return error2;
   };
 
   // node_modules/zod/v3/locales/en.js
@@ -34795,8 +34795,8 @@ var SyntrologieSDK = (() => {
         get error() {
           if (this._error)
             return this._error;
-          const error = new ZodError(ctx.common.issues);
-          this._error = error;
+          const error2 = new ZodError(ctx.common.issues);
+          this._error = error2;
           return this._error;
         }
       };
@@ -37451,25 +37451,25 @@ var SyntrologieSDK = (() => {
         });
         return INVALID;
       }
-      function makeArgsIssue(args, error) {
+      function makeArgsIssue(args, error2) {
         return makeIssue({
           data: args,
           path: ctx.path,
           errorMaps: [ctx.common.contextualErrorMap, ctx.schemaErrorMap, getErrorMap(), en_default].filter((x2) => !!x2),
           issueData: {
             code: ZodIssueCode.invalid_arguments,
-            argumentsError: error
+            argumentsError: error2
           }
         });
       }
-      function makeReturnsIssue(returns, error) {
+      function makeReturnsIssue(returns, error2) {
         return makeIssue({
           data: returns,
           path: ctx.path,
           errorMaps: [ctx.common.contextualErrorMap, ctx.schemaErrorMap, getErrorMap(), en_default].filter((x2) => !!x2),
           issueData: {
             code: ZodIssueCode.invalid_return_type,
-            returnTypeError: error
+            returnTypeError: error2
           }
         });
       }
@@ -37478,15 +37478,15 @@ var SyntrologieSDK = (() => {
       if (this._def.returns instanceof ZodPromise) {
         const me2 = this;
         return OK(async function(...args) {
-          const error = new ZodError([]);
+          const error2 = new ZodError([]);
           const parsedArgs = await me2._def.args.parseAsync(args, params).catch((e2) => {
-            error.addIssue(makeArgsIssue(args, e2));
-            throw error;
+            error2.addIssue(makeArgsIssue(args, e2));
+            throw error2;
           });
           const result = await Reflect.apply(fn2, this, parsedArgs);
           const parsedReturns = await me2._def.returns._def.type.parseAsync(result, params).catch((e2) => {
-            error.addIssue(makeReturnsIssue(result, e2));
-            throw error;
+            error2.addIssue(makeReturnsIssue(result, e2));
+            throw error2;
           });
           return parsedReturns;
         });
@@ -38810,7 +38810,15 @@ var SyntrologieSDK = (() => {
       root = document.createElement("div");
       root.id = id;
       root.setAttribute("data-smart-canvas-overlay", "true");
-      document.body.appendChild(root);
+      if (document.body) {
+        document.body.appendChild(root);
+      } else {
+        document.addEventListener("DOMContentLoaded", () => {
+          if (!root.parentNode) {
+            document.body.appendChild(root);
+          }
+        }, { once: true });
+      }
     }
     return root;
   };
@@ -38997,8 +39005,8 @@ var SyntrologieSDK = (() => {
         } else {
           console.warn(`[SmartCanvas] Early patch failed: ${patch.id}`, result.reason);
         }
-      } catch (error) {
-        console.error(`[SmartCanvas] Error applying early patch: ${patch.id}`, error);
+      } catch (error2) {
+        console.error(`[SmartCanvas] Error applying early patch: ${patch.id}`, error2);
       }
     });
     console.log(`[SmartCanvas] Applied ${appliedCount}/${patches.length} patches early`);
@@ -39016,6 +39024,51 @@ var SyntrologieSDK = (() => {
     }));
   }
 
+  // src/logger.ts
+  var debugEnabled = false;
+  function checkUrlParam() {
+    if (typeof window === "undefined") return false;
+    try {
+      const params = new URLSearchParams(window.location.search);
+      return params.get("syntro_debug") === "true";
+    } catch {
+      return false;
+    }
+  }
+  function initLogger(tokenDebug) {
+    if (checkUrlParam()) {
+      debugEnabled = true;
+      return;
+    }
+    debugEnabled = tokenDebug ?? false;
+  }
+  function isDebugEnabled() {
+    if (checkUrlParam()) return true;
+    return debugEnabled;
+  }
+  function debug(prefix, message, data) {
+    if (!isDebugEnabled()) return;
+    if (data !== void 0) {
+      console.log(`[${prefix}]`, message, data);
+    } else {
+      console.log(`[${prefix}]`, message);
+    }
+  }
+  function warn(prefix, message, data) {
+    if (data !== void 0) {
+      console.warn(`[${prefix}]`, message, data);
+    } else {
+      console.warn(`[${prefix}]`, message);
+    }
+  }
+  function error(prefix, message, data) {
+    if (data !== void 0) {
+      console.error(`[${prefix}]`, message, data);
+    } else {
+      console.error(`[${prefix}]`, message);
+    }
+  }
+
   // src/editorLoader.ts
   var DEFAULT_EDITOR_URL = "https://cdn.syntrologie.com/editor-sdk/latest/editor-sdk.js";
   var ALLOWED_EDITOR_HOSTS = [
@@ -39028,17 +39081,17 @@ var SyntrologieSDK = (() => {
     ".syntrologie.com"
   ];
   function validateEditorUrl(url) {
-    console.log("[Syntro Runtime] Validating editor URL:", url);
+    debug("Syntro Runtime", "Validating editor URL:", url);
     try {
       const parsed = new URL(url);
       const isLocalhost = /^(localhost|127\.0\.0\.1)$/.test(parsed.hostname);
-      console.log("[Syntro Runtime] Parsed URL:", {
+      debug("Syntro Runtime", "Parsed URL:", {
         hostname: parsed.hostname,
         protocol: parsed.protocol,
         isLocalhost
       });
       if (parsed.protocol !== "https:" && !isLocalhost) {
-        console.warn("[Syntro Runtime] \u274C Editor URL must use HTTPS:", url);
+        warn("Syntro Runtime", "\u274C Editor URL must use HTTPS:", url);
         return false;
       }
       const isAllowed = ALLOWED_EDITOR_HOSTS.some((host) => {
@@ -39047,34 +39100,34 @@ var SyntrologieSDK = (() => {
         }
         return parsed.hostname === host;
       });
-      console.log("[Syntro Runtime] Host allowlist check:", {
+      debug("Syntro Runtime", "Host allowlist check:", {
         hostname: parsed.hostname,
         allowedHosts: ALLOWED_EDITOR_HOSTS,
         isAllowed
       });
       if (!isAllowed) {
-        console.warn("[Syntro Runtime] \u274C Editor URL host not in allowlist:", parsed.hostname);
+        warn("Syntro Runtime", "\u274C Editor URL host not in allowlist:", parsed.hostname);
         return false;
       }
-      console.log("[Syntro Runtime] \u2713 Editor URL validated");
+      debug("Syntro Runtime", "\u2713 Editor URL validated");
       return true;
     } catch (e2) {
-      console.warn("[Syntro Runtime] \u274C Invalid editor URL:", url, e2);
+      warn("Syntro Runtime", "\u274C Invalid editor URL: " + url, e2);
       return false;
     }
   }
   var shouldLoadEditor = () => {
-    console.log("[Syntro Runtime] ====== EDITOR LOAD CHECK ======");
+    debug("Syntro Runtime", "====== EDITOR LOAD CHECK ======");
     if (typeof window === "undefined") {
-      console.log("[Syntro Runtime] Not in browser - skipping editor");
+      debug("Syntro Runtime", "Not in browser - skipping editor");
       return false;
     }
     const params = new URLSearchParams(window.location.search);
-    console.log("[Syntro Runtime] URL:", window.location.href);
-    console.log("[Syntro Runtime] Search params:", window.location.search);
+    debug("Syntro Runtime", "URL:", window.location.href);
+    debug("Syntro Runtime", "Search params:", window.location.search);
     const hasEditorFlag = params.has("syntro_editor") || params.has("syntro-editor");
     const hasEditorToken = params.has("editor_token");
-    console.log("[Syntro Runtime] Editor flags:", {
+    debug("Syntro Runtime", "Editor flags:", {
       hasEditorFlag,
       hasEditorToken,
       syntro_editor: params.get("syntro_editor"),
@@ -39082,35 +39135,35 @@ var SyntrologieSDK = (() => {
       editor_token: hasEditorToken ? `${params.get("editor_token")?.slice(0, 10)}...` : "none"
     });
     if (hasEditorFlag && !hasEditorToken) {
-      console.warn("[Syntro Runtime] \u274C Editor activation requires editor_token parameter");
-      console.log("[Syntro Runtime] ================================");
+      warn("Syntro Runtime", "\u274C Editor activation requires editor_token parameter");
+      debug("Syntro Runtime", "================================");
       return false;
     }
     const shouldLoad = hasEditorFlag && hasEditorToken;
-    console.log("[Syntro Runtime] Should load editor:", shouldLoad);
-    console.log("[Syntro Runtime] ================================");
+    debug("Syntro Runtime", "Should load editor:", shouldLoad);
+    debug("Syntro Runtime", "================================");
     return shouldLoad;
   };
   var isAuditMode = () => {
-    console.log("[Syntro Runtime] ====== AUDIT MODE CHECK ======");
+    debug("Syntro Runtime", "====== AUDIT MODE CHECK ======");
     if (typeof window === "undefined") {
-      console.log("[Syntro Runtime] Not in browser - skipping audit");
+      debug("Syntro Runtime", "Not in browser - skipping audit");
       return false;
     }
     const params = new URLSearchParams(window.location.search);
     const hasAuditFlag = params.has("syntro_audit");
     const auditSessionId = params.get("audit_session_id");
-    console.log("[Syntro Runtime] Audit flags:", {
+    debug("Syntro Runtime", "Audit flags:", {
       hasAuditFlag,
       auditSessionId: auditSessionId ? `${auditSessionId.slice(0, 8)}...` : "none"
     });
     if (!hasAuditFlag) {
-      console.log("[Syntro Runtime] No syntro_audit param - not in audit mode");
-      console.log("[Syntro Runtime] ================================");
+      debug("Syntro Runtime", "No syntro_audit param - not in audit mode");
+      debug("Syntro Runtime", "================================");
       return false;
     }
-    console.log("[Syntro Runtime] \u2713 Audit mode active");
-    console.log("[Syntro Runtime] ================================");
+    debug("Syntro Runtime", "\u2713 Audit mode active");
+    debug("Syntro Runtime", "================================");
     return true;
   };
   var getActiveSdkMode = () => {
@@ -39119,28 +39172,28 @@ var SyntrologieSDK = (() => {
     return null;
   };
   var loadEditorSdk = async (editorUrlOrOptions) => {
-    console.log("[Syntro Runtime] ====== LOAD EDITOR SDK ======");
+    debug("Syntro Runtime", "====== LOAD EDITOR SDK ======");
     if (typeof window === "undefined") {
-      console.log("[Syntro Runtime] Not in browser - skipping editor SDK load");
+      debug("Syntro Runtime", "Not in browser - skipping editor SDK load");
       return;
     }
     if (window.SyntroEditor) {
-      console.log("[Syntro Runtime] Editor SDK already loaded (window.SyntroEditor exists)");
+      debug("Syntro Runtime", "Editor SDK already loaded (window.SyntroEditor exists)");
       return;
     }
     const options = typeof editorUrlOrOptions === "string" ? { editorUrl: editorUrlOrOptions } : editorUrlOrOptions ?? {};
     const editorUrl = options.editorUrl ?? DEFAULT_EDITOR_URL;
-    console.log("[Syntro Runtime] Editor URL:", editorUrl);
-    console.log("[Syntro Runtime] Options:", {
+    debug("Syntro Runtime", "Editor URL:", editorUrl);
+    debug("Syntro Runtime", "Options:", {
       hasIntegrity: !!options.integrity,
       isDefault: editorUrl === DEFAULT_EDITOR_URL
     });
     if (!validateEditorUrl(editorUrl)) {
       console.error("[Syntro Runtime] \u274C BLOCKED: Editor from untrusted URL:", editorUrl);
-      console.log("[Syntro Runtime] ================================");
+      debug("Syntro Runtime", "================================");
       return;
     }
-    console.log("[Syntro Runtime] \u2713 URL validated, injecting script tag...");
+    debug("Syntro Runtime", "\u2713 URL validated, injecting script tag...");
     return new Promise((resolve, reject) => {
       const script = document.createElement("script");
       script.src = editorUrl;
@@ -39148,23 +39201,23 @@ var SyntrologieSDK = (() => {
       if (options.integrity) {
         script.integrity = options.integrity;
         script.crossOrigin = "anonymous";
-        console.log("[Syntro Runtime] SRI integrity check enabled");
+        debug("Syntro Runtime", "SRI integrity check enabled");
       }
       script.onload = () => {
-        console.log("[Syntro Runtime] \u2713 Editor SDK script loaded successfully");
-        console.log("[Syntro Runtime] window.SyntroEditor:", !!window.SyntroEditor);
-        console.log("[Syntro Runtime] ================================");
+        debug("Syntro Runtime", "\u2713 Editor SDK script loaded successfully");
+        debug("Syntro Runtime", "window.SyntroEditor:", !!window.SyntroEditor);
+        debug("Syntro Runtime", "================================");
         resolve();
       };
       script.onerror = (err) => {
         console.error("[Syntro Runtime] \u274C Failed to load Editor SDK:", err);
         console.error("[Syntro Runtime] URL attempted:", editorUrl);
         console.error("[Syntro Runtime] Check: Is the URL accessible? CORS? Network?");
-        console.log("[Syntro Runtime] ================================");
+        debug("Syntro Runtime", "================================");
         reject(err);
       };
       document.head.appendChild(script);
-      console.log("[Syntro Runtime] Script tag appended to <head>");
+      debug("Syntro Runtime", "Script tag appended to <head>");
     });
   };
 
@@ -39197,8 +39250,8 @@ var SyntrologieSDK = (() => {
             }
           });
         }
-      } catch (error) {
-        console.error("[SmartCanvas] Error applying early patches:", error);
+      } catch (error2) {
+        console.error("[SmartCanvas] Error applying early patches:", error2);
       }
     }
     if (removeAntiFlicker) {
@@ -39216,8 +39269,17 @@ var SyntrologieSDK = (() => {
         host.style.setProperty(key, value);
       }
     }
-    const target = config.target ?? document.body;
-    target.appendChild(host);
+    const appendToTarget = () => {
+      const target = config.target ?? document.body;
+      if (target) {
+        target.appendChild(host);
+      }
+    };
+    if (document.body) {
+      appendToTarget();
+    } else {
+      document.addEventListener("DOMContentLoaded", appendToTarget, { once: true });
+    }
     const experiments = config.integrations?.experiments;
     const telemetry = config.integrations?.telemetry;
     const fetcher = config.fetcher ?? createCanvasConfigFetcher({
@@ -39263,8 +39325,8 @@ var SyntrologieSDK = (() => {
             const freshConfig = await currentFetcher();
             currentConfig = freshConfig;
             return freshConfig;
-          } catch (error) {
-            console.error("[SmartCanvas] Error fetching config:", error);
+          } catch (error2) {
+            console.error("[SmartCanvas] Error fetching config:", error2);
           }
         }
         return currentConfig;
@@ -41059,12 +41121,12 @@ var SyntrologieSDK = (() => {
   }
   function isEditorMode() {
     if (typeof window === "undefined") {
-      console.log("[Syntro Bootstrap] isEditorMode: not in browser");
+      debug("Syntro Bootstrap", "isEditorMode: not in browser");
       return false;
     }
     const params = new URLSearchParams(window.location.search);
     const hasToken = params.has("editor_token");
-    console.log("[Syntro Bootstrap] isEditorMode check:", {
+    debug("Syntro Bootstrap", "isEditorMode check:", {
       url: window.location.href,
       search: window.location.search,
       hasEditorToken: hasToken,
@@ -41074,12 +41136,12 @@ var SyntrologieSDK = (() => {
   }
   function isAuditMode3() {
     if (typeof window === "undefined") {
-      console.log("[Syntro Bootstrap] isAuditMode: not in browser");
+      debug("Syntro Bootstrap", "isAuditMode: not in browser");
       return false;
     }
     const params = new URLSearchParams(window.location.search);
     const hasAuditFlag = params.has("syntro_audit");
-    console.log("[Syntro Bootstrap] isAuditMode check:", {
+    debug("Syntro Bootstrap", "isAuditMode check:", {
       url: window.location.href,
       hasAuditFlag,
       auditSessionId: params.get("audit_session_id") ?? "none"
@@ -41093,11 +41155,11 @@ var SyntrologieSDK = (() => {
       const cached = localStorage.getItem(SEGMENT_CACHE_KEY);
       if (cached) {
         const attrs = JSON.parse(cached);
-        console.log("[Syntro Bootstrap] Loaded cached segment attributes:", attrs);
+        debug("Syntro Bootstrap", "Loaded cached segment attributes:", attrs);
         return attrs;
       }
     } catch (err) {
-      console.warn("[Syntro Bootstrap] Failed to load cached segment attributes:", err);
+      warn("Syntro Bootstrap", "Failed to load cached segment attributes:", err);
     }
     return {};
   }
@@ -41105,9 +41167,9 @@ var SyntrologieSDK = (() => {
     if (typeof window === "undefined") return;
     try {
       localStorage.setItem(SEGMENT_CACHE_KEY, JSON.stringify(attrs));
-      console.log("[Syntro Bootstrap] Cached segment attributes:", attrs);
+      debug("Syntro Bootstrap", "Cached segment attributes:", attrs);
     } catch (err) {
-      console.warn("[Syntro Bootstrap] Failed to cache segment attributes:", err);
+      warn("Syntro Bootstrap", "Failed to cache segment attributes:", err);
     }
   }
   function extractSegmentFlags(allFlags) {
@@ -41121,8 +41183,9 @@ var SyntrologieSDK = (() => {
     return segmentFlags;
   }
   async function init(options) {
-    console.log("[Syntro Bootstrap] ====== INIT ======");
-    console.log("[Syntro Bootstrap] Options:", {
+    initLogger();
+    debug("Syntro Bootstrap", "====== INIT ======");
+    debug("Syntro Bootstrap", "Options:", {
       hasToken: !!options.token,
       tokenPrefix: options.token?.slice(0, 15) + "...",
       hasCanvasOptions: !!options.canvas
@@ -41130,40 +41193,41 @@ var SyntrologieSDK = (() => {
     const editorMode = isEditorMode();
     const auditMode = isAuditMode3();
     const sdkMode = editorMode ? "editor" : auditMode ? "audit" : null;
-    console.log("[Syntro Bootstrap] SDK mode:", sdkMode ?? "normal");
+    debug("Syntro Bootstrap", "SDK mode:", sdkMode ?? "normal");
     let payload;
     if (options.token) {
       if (options.token.startsWith("syn_")) {
-        console.log("[Syntro Bootstrap] Token starts with syn_, decoding...");
+        debug("Syntro Bootstrap", "Token starts with syn_, decoding...");
         payload = decodeToken(options.token);
+        initLogger(payload.d);
       } else if (!sdkMode) {
-        console.error("[Syntro Bootstrap] \u274C Token does not start with syn_ and NOT in editor/audit mode!");
-        console.error("[Syntro Bootstrap] Token received:", options.token);
+        error("Syntro Bootstrap", "\u274C Token does not start with syn_ and NOT in editor/audit mode!");
+        error("Syntro Bootstrap", "Token received:", options.token);
         throw new Error("Invalid Syntro token: must start with 'syn_'");
       } else {
-        console.log(`[Syntro Bootstrap] \u2713 Non-syn_ token allowed (${sdkMode} mode)`);
+        debug("Syntro Bootstrap", `\u2713 Non-syn_ token allowed (${sdkMode} mode)`);
       }
     } else if (!sdkMode) {
-      console.error("[Syntro Bootstrap] \u274C No token provided and NOT in editor/audit mode!");
+      error("Syntro Bootstrap", "\u274C No token provided and NOT in editor/audit mode!");
       throw new Error("Syntro token is required (unless in editor or audit mode)");
     } else {
-      console.log(`[Syntro Bootstrap] \u2713 No token, but ${sdkMode} mode - proceeding`);
+      debug("Syntro Bootstrap", `\u2713 No token, but ${sdkMode} mode - proceeding`);
     }
     const experimentHost = getEnvVar("NEXT_PUBLIC_SYNTRO_EXPERIMENT_HOST") || getEnvVar("VITE_SYNTRO_EXPERIMENT_HOST") || payload?.eh;
     const telemetryHost = getEnvVar("NEXT_PUBLIC_SYNTRO_TELEMETRY_HOST") || getEnvVar("VITE_SYNTRO_TELEMETRY_HOST") || payload?.th;
     const editorUrl = getEnvVar("NEXT_PUBLIC_SYNTRO_EDITOR_URL") || getEnvVar("VITE_SYNTRO_EDITOR_URL") || options.canvas?.editorUrl;
     const cachedSegmentAttrs = loadCachedSegmentAttributes();
-    console.log("[Syntro Bootstrap] Phase 1: Using cached segment attributes:", cachedSegmentAttrs);
+    debug("Syntro Bootstrap", "Phase 1: Using cached segment attributes:", cachedSegmentAttrs);
     let experiments;
     const onFeatureFlagsLoaded = (allFlags) => {
-      console.log("[Syntro Bootstrap] Phase 2: PostHog feature flags loaded");
+      debug("Syntro Bootstrap", "Phase 2: PostHog feature flags loaded");
       const segmentFlags = extractSegmentFlags(allFlags);
-      console.log("[Syntro Bootstrap] Segment flags from PostHog:", segmentFlags);
+      debug("Syntro Bootstrap", "Segment flags from PostHog:", segmentFlags);
       cacheSegmentAttributes(segmentFlags);
       if (experiments) {
         const sessionAttrs = sessionMetrics?.getAll?.() ?? {};
         const updatedAttrs = { ...sessionAttrs, ...segmentFlags };
-        console.log("[Syntro Bootstrap] Updating GrowthBook with attributes:", updatedAttrs);
+        debug("Syntro Bootstrap", "Updating GrowthBook with attributes:", updatedAttrs);
         experiments.setAttributes?.(updatedAttrs);
       }
     };
@@ -41212,10 +41276,10 @@ var SyntrologieSDK = (() => {
       sessionMetrics = createSessionMetricTracker({
         experiments,
         onMetricChange: (key, value) => {
-          console.log(`[Syntro Bootstrap] Session metric changed: ${key} = ${value}`);
+          debug("Syntro Bootstrap", `Session metric changed: ${key} = ${value}`);
         }
       });
-      console.log("[Syntro Bootstrap] SessionMetricTracker created");
+      debug("Syntro Bootstrap", "SessionMetricTracker created");
     }
     const canvas = await createSmartCanvas({
       ...options.canvas,
@@ -41232,7 +41296,7 @@ var SyntrologieSDK = (() => {
       sessionMetrics,
       mode: runtimeMode
     });
-    console.log("[Syntro Bootstrap] Runtime created:", {
+    debug("Syntro Bootstrap", "Runtime created:", {
       version: runtime.version,
       mode: runtime.mode,
       hasContext: !!runtime.context,
@@ -41308,4 +41372,5 @@ react-dom/cjs/react-dom-client.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
+window.Syntro=SyntrologieSDK.Syntro;
 //# sourceMappingURL=smart-canvas.js.map