@syntrologie/runtime-sdk 2.0.0 → 2.0.1-canary.0

package/dist/smart-canvas.js

@@ -39,9 +39,9 @@ var SyntrologieSDK = (() => {
   var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
   var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 
-  // ../../node_modules/react/cjs/react.development.js
+  // node_modules/react/cjs/react.development.js
   var require_react_development = __commonJS({
-    "../../node_modules/react/cjs/react.development.js"(exports, module) {
+    "node_modules/react/cjs/react.development.js"(exports, module) {
       "use strict";
       if (true) {
         (function() {
@@ -524,7 +524,7 @@ var SyntrologieSDK = (() => {
             }
             return element;
           };
-          function createElement2(type, config, children) {
+          function createElement(type, config, children) {
             var propName;
             var props = {};
             var key = null;
@@ -798,7 +798,7 @@ var SyntrologieSDK = (() => {
             }
             return children;
           }
-          function createContext3(defaultValue) {
+          function createContext2(defaultValue) {
             var context = {
               $$typeof: REACT_CONTEXT_TYPE,
               // As a workaround to support multiple concurrent renderers, we categorize
@@ -1084,7 +1084,7 @@ var SyntrologieSDK = (() => {
             }
             return dispatcher;
           }
-          function useContext3(Context) {
+          function useContext2(Context) {
             var dispatcher = resolveDispatcher();
             {
               if (Context._context !== void 0) {
@@ -1098,7 +1098,7 @@ var SyntrologieSDK = (() => {
             }
             return dispatcher.useContext(Context);
           }
-          function useState11(initialState) {
+          function useState10(initialState) {
             var dispatcher = resolveDispatcher();
             return dispatcher.useState(initialState);
           }
@@ -1106,11 +1106,11 @@ var SyntrologieSDK = (() => {
             var dispatcher = resolveDispatcher();
             return dispatcher.useReducer(reducer, initialArg, init2);
           }
-          function useRef4(initialValue) {
+          function useRef2(initialValue) {
             var dispatcher = resolveDispatcher();
             return dispatcher.useRef(initialValue);
           }
-          function useEffect9(create, deps) {
+          function useEffect8(create, deps) {
             var dispatcher = resolveDispatcher();
             return dispatcher.useEffect(create, deps);
           }
@@ -1126,7 +1126,7 @@ var SyntrologieSDK = (() => {
             var dispatcher = resolveDispatcher();
             return dispatcher.useCallback(callback, deps);
           }
-          function useMemo7(create, deps) {
+          function useMemo6(create, deps) {
             var dispatcher = resolveDispatcher();
             return dispatcher.useMemo(create, deps);
           }
@@ -1623,7 +1623,7 @@ var SyntrologieSDK = (() => {
                 error2("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
               }
             }
-            var element = createElement2.apply(this, arguments);
+            var element = createElement.apply(this, arguments);
             if (element == null) {
               return element;
             }
@@ -1879,7 +1879,7 @@ var SyntrologieSDK = (() => {
           exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
           exports.act = act;
           exports.cloneElement = cloneElement$1;
-          exports.createContext = createContext3;
+          exports.createContext = createContext2;
           exports.createElement = createElement$1;
           exports.createFactory = createFactory;
           exports.createRef = createRef;
@@ -1890,18 +1890,18 @@ var SyntrologieSDK = (() => {
           exports.startTransition = startTransition;
           exports.unstable_act = act;
           exports.useCallback = useCallback4;
-          exports.useContext = useContext3;
+          exports.useContext = useContext2;
           exports.useDebugValue = useDebugValue;
           exports.useDeferredValue = useDeferredValue;
-          exports.useEffect = useEffect9;
+          exports.useEffect = useEffect8;
           exports.useId = useId;
           exports.useImperativeHandle = useImperativeHandle;
           exports.useInsertionEffect = useInsertionEffect;
           exports.useLayoutEffect = useLayoutEffect2;
-          exports.useMemo = useMemo7;
+          exports.useMemo = useMemo6;
           exports.useReducer = useReducer;
-          exports.useRef = useRef4;
-          exports.useState = useState11;
+          exports.useRef = useRef2;
+          exports.useState = useState10;
           exports.useSyncExternalStore = useSyncExternalStore;
           exports.useTransition = useTransition;
           exports.version = ReactVersion;
@@ -1913,9 +1913,9 @@ var SyntrologieSDK = (() => {
     }
   });
 
-  // ../../node_modules/react/index.js
+  // node_modules/react/index.js
   var require_react = __commonJS({
-    "../../node_modules/react/index.js"(exports, module) {
+    "node_modules/react/index.js"(exports, module) {
       "use strict";
       if (false) {
         module.exports = null;
@@ -1925,14 +1925,14 @@ var SyntrologieSDK = (() => {
     }
   });
 
-  // ../../node_modules/react/cjs/react-jsx-runtime.development.js
+  // node_modules/react/cjs/react-jsx-runtime.development.js
   var require_react_jsx_runtime_development = __commonJS({
-    "../../node_modules/react/cjs/react-jsx-runtime.development.js"(exports) {
+    "node_modules/react/cjs/react-jsx-runtime.development.js"(exports) {
       "use strict";
       if (true) {
         (function() {
           "use strict";
-          var React2 = require_react();
+          var React = require_react();
           var REACT_ELEMENT_TYPE = Symbol.for("react.element");
           var REACT_PORTAL_TYPE = Symbol.for("react.portal");
           var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
@@ -1958,7 +1958,7 @@ var SyntrologieSDK = (() => {
             }
             return null;
           }
-          var ReactSharedInternals = React2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+          var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
           function error2(format) {
             {
               {
@@ -2818,9 +2818,9 @@ var SyntrologieSDK = (() => {
     }
   });
 
-  // ../../node_modules/react/jsx-runtime.js
+  // node_modules/react/jsx-runtime.js
   var require_jsx_runtime = __commonJS({
-    "../../node_modules/react/jsx-runtime.js"(exports, module) {
+    "node_modules/react/jsx-runtime.js"(exports, module) {
       "use strict";
       if (false) {
         module.exports = null;
@@ -2830,9 +2830,9 @@ var SyntrologieSDK = (() => {
     }
   });
 
-  // ../../node_modules/scheduler/cjs/scheduler.development.js
+  // node_modules/scheduler/cjs/scheduler.development.js
   var require_scheduler_development = __commonJS({
-    "../../node_modules/scheduler/cjs/scheduler.development.js"(exports) {
+    "node_modules/scheduler/cjs/scheduler.development.js"(exports) {
       "use strict";
       if (true) {
         (function() {
@@ -3280,9 +3280,9 @@ var SyntrologieSDK = (() => {
     }
   });
 
-  // ../../node_modules/scheduler/index.js
+  // node_modules/scheduler/index.js
   var require_scheduler = __commonJS({
-    "../../node_modules/scheduler/index.js"(exports, module) {
+    "node_modules/scheduler/index.js"(exports, module) {
       "use strict";
       if (false) {
         module.exports = null;
@@ -3292,9 +3292,9 @@ var SyntrologieSDK = (() => {
     }
   });
 
-  // ../../node_modules/react-dom/cjs/react-dom.development.js
+  // node_modules/react-dom/cjs/react-dom.development.js
   var require_react_dom_development = __commonJS({
-    "../../node_modules/react-dom/cjs/react-dom.development.js"(exports) {
+    "node_modules/react-dom/cjs/react-dom.development.js"(exports) {
       "use strict";
       if (true) {
         (function() {
@@ -3302,9 +3302,9 @@ var SyntrologieSDK = (() => {
           if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
             __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
           }
-          var React2 = require_react();
+          var React = require_react();
           var Scheduler = require_scheduler();
-          var ReactSharedInternals = React2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+          var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
           var suppressWarning = false;
           function setSuppressWarning(newSuppressWarning) {
             {
@@ -3353,7 +3353,7 @@ var SyntrologieSDK = (() => {
           var HostPortal = 4;
           var HostComponent = 5;
           var HostText = 6;
-          var Fragment3 = 7;
+          var Fragment2 = 7;
           var Mode = 8;
           var ContextConsumer = 9;
           var ContextProvider = 10;
@@ -4510,7 +4510,7 @@ var SyntrologieSDK = (() => {
                 return "DehydratedFragment";
               case ForwardRef:
                 return getWrappedName$1(type, type.render, "ForwardRef");
-              case Fragment3:
+              case Fragment2:
                 return "Fragment";
               case HostComponent:
                 return type;
@@ -4911,7 +4911,7 @@ var SyntrologieSDK = (() => {
             {
               if (props.value == null) {
                 if (typeof props.children === "object" && props.children !== null) {
-                  React2.Children.forEach(props.children, function(child) {
+                  React.Children.forEach(props.children, function(child) {
                     if (child == null) {
                       return;
                     }
@@ -10335,7 +10335,7 @@ var SyntrologieSDK = (() => {
               }
             }
           }
-          function createElement2(type, props, rootContainerElement, parentNamespace) {
+          function createElement(type, props, rootContainerElement, parentNamespace) {
             var isCustomComponentTag;
             var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerElement);
             var domElement;
@@ -11205,7 +11205,7 @@ var SyntrologieSDK = (() => {
               }
               parentNamespace = hostContextDev.namespace;
             }
-            var domElement = createElement2(type, props, rootContainerInstance, parentNamespace);
+            var domElement = createElement(type, props, rootContainerInstance, parentNamespace);
             precacheFiberNode(internalInstanceHandle, domElement);
             updateFiberProps(domElement, props);
             return domElement;
@@ -12939,7 +12939,7 @@ var SyntrologieSDK = (() => {
               }
             }
             function updateFragment2(returnFiber, current2, fragment, lanes, key) {
-              if (current2 === null || current2.tag !== Fragment3) {
+              if (current2 === null || current2.tag !== Fragment2) {
                 var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
                 created.return = returnFiber;
                 return created;
@@ -13342,7 +13342,7 @@ var SyntrologieSDK = (() => {
                 if (child.key === key) {
                   var elementType = element.type;
                   if (elementType === REACT_FRAGMENT_TYPE) {
-                    if (child.tag === Fragment3) {
+                    if (child.tag === Fragment2) {
                       deleteRemainingChildren(returnFiber, child.sibling);
                       var existing = useFiber(child, element.props.children);
                       existing.return = returnFiber;
@@ -18818,7 +18818,7 @@ var SyntrologieSDK = (() => {
                 var _resolvedProps2 = workInProgress2.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
                 return updateForwardRef(current2, workInProgress2, type, _resolvedProps2, renderLanes2);
               }
-              case Fragment3:
+              case Fragment2:
                 return updateFragment(current2, workInProgress2, renderLanes2);
               case Mode:
                 return updateMode(current2, workInProgress2, renderLanes2);
@@ -19090,7 +19090,7 @@ var SyntrologieSDK = (() => {
               case SimpleMemoComponent:
               case FunctionComponent:
               case ForwardRef:
-              case Fragment3:
+              case Fragment2:
               case Mode:
               case Profiler:
               case ContextConsumer:
@@ -23351,7 +23351,7 @@ var SyntrologieSDK = (() => {
             return fiber;
           }
           function createFiberFromFragment(elements2, mode, lanes, key) {
-            var fiber = createFiber(Fragment3, elements2, key, mode);
+            var fiber = createFiber(Fragment2, elements2, key, mode);
             fiber.lanes = lanes;
             return fiber;
           }
@@ -24456,9 +24456,9 @@ var SyntrologieSDK = (() => {
     }
   });
 
-  // ../../node_modules/react-dom/index.js
+  // node_modules/react-dom/index.js
   var require_react_dom = __commonJS({
-    "../../node_modules/react-dom/index.js"(exports, module) {
+    "node_modules/react-dom/index.js"(exports, module) {
       "use strict";
       if (false) {
         checkDCE();
@@ -24469,9 +24469,9 @@ var SyntrologieSDK = (() => {
     }
   });
 
-  // ../../node_modules/react-dom/client.js
+  // node_modules/react-dom/client.js
   var require_client = __commonJS({
-    "../../node_modules/react-dom/client.js"(exports) {
+    "node_modules/react-dom/client.js"(exports) {
       "use strict";
       var m2 = require_react_dom();
       if (false) {
@@ -24573,6 +24573,7 @@ var SyntrologieSDK = (() => {
     createDecisionEngine: () => createDecisionEngine,
     createEventBus: () => createEventBus,
     createGrowthBookClient: () => createGrowthBookClient,
+    createNoopClient: () => createNoopClient,
     createOverlayRecipeFetcher: () => createOverlayRecipeFetcher,
     createPostHogClient: () => createPostHogClient,
     createPostHogNormalizer: () => createPostHogNormalizer,
@@ -29171,48 +29172,60 @@ var SyntrologieSDK = (() => {
       this.featureFlagsCallback = options.onFeatureFlagsLoaded;
       this.captureCallback = options.onCapture;
       if (!this.client && typeof window !== "undefined" && options.apiKey) {
-        this.client = Uo;
         const enableFeatureFlags = options.enableFeatureFlags ?? true;
-        this.client.init(options.apiKey, {
-          api_host: options.apiHost ?? "https://telemetry.syntrologie.com",
-          // Feature flags for segment membership (in_segment_* flags)
-          // When enabled, /decide is called to get segment flags
-          advanced_disable_feature_flags: !enableFeatureFlags,
-          advanced_disable_feature_flags_on_first_load: !enableFeatureFlags,
-          // Full-page tracking - all ON by default
-          autocapture: options.autocapture ?? true,
-          capture_pageview: options.capturePageview ?? true,
-          capture_pageleave: options.capturePageleave ?? true,
-          disable_session_recording: !(options.sessionRecording ?? true),
-          // CRITICAL: Disable user agent filtering to allow headless Chrome
-          // PostHog blocks "HeadlessChrome" user agents by default as bot detection
-          // This enables session recording in Playwright/crawler sessions
-          opt_out_useragent_filter: true,
-          // Cross-domain iframe recording for embeds
-          session_recording: {
-            recordCrossDomainIFrames: true
-          },
-          // Capture performance metrics
-          capture_performance: true,
-          // Enable web vitals
-          enable_recording_console_log: true,
-          // Bootstrap callback for when flags are loaded
-          loaded: (ph) => {
-            if (enableFeatureFlags && this.featureFlagsCallback) {
-              ph.onFeatureFlags(() => {
-                const allFlags = this.getAllFeatureFlags();
-                if (allFlags && this.featureFlagsCallback) {
-                  this.featureFlagsCallback(allFlags);
+        const instanceName = "syntro_" + (options.apiKey.slice(-6) || "sdk");
+        this.client = Uo.init(
+          options.apiKey,
+          {
+            api_host: options.apiHost ?? "https://telemetry.syntrologie.com",
+            // Feature flags for segment membership (in_segment_* flags)
+            // When enabled, /decide is called to get segment flags
+            advanced_disable_feature_flags: !enableFeatureFlags,
+            advanced_disable_feature_flags_on_first_load: !enableFeatureFlags,
+            // Full-page tracking - all ON by default
+            autocapture: options.autocapture ?? true,
+            capture_pageview: options.capturePageview ?? true,
+            capture_pageleave: options.capturePageleave ?? true,
+            disable_session_recording: !(options.sessionRecording ?? true),
+            // CRITICAL: Disable user agent filtering to allow headless Chrome
+            // PostHog blocks "HeadlessChrome" user agents by default as bot detection
+            // This enables session recording in Playwright/crawler sessions
+            opt_out_useragent_filter: true,
+            // Cross-domain iframe recording for embeds
+            session_recording: {
+              recordCrossDomainIFrames: true
+            },
+            // Capture performance metrics
+            capture_performance: true,
+            // Enable web vitals
+            enable_recording_console_log: true,
+            // Bootstrap callback for when flags are loaded
+            loaded: (ph) => {
+              if (enableFeatureFlags && this.featureFlagsCallback) {
+                ph.onFeatureFlags(() => {
+                  const allFlags = this.getAllFeatureFlags();
+                  if (allFlags && this.featureFlagsCallback) {
+                    this.featureFlagsCallback(allFlags);
+                  }
+                });
+                const existingFlags = this.getAllFeatureFlags();
+                if (existingFlags && Object.keys(existingFlags).length > 0) {
+                  this.featureFlagsCallback(existingFlags);
                 }
-              });
-            }
-            if (this.captureCallback) {
-              ph.on("eventCaptured", (eventName, properties) => {
-                this.captureCallback?.(eventName, properties);
-              });
+              }
+              if (this.captureCallback) {
+                ph.on("eventCaptured", (data) => {
+                  const eventName = typeof data === "string" ? data : data?.event;
+                  const properties = typeof data === "string" ? void 0 : data?.properties;
+                  if (typeof eventName === "string") {
+                    this.captureCallback?.(eventName, properties);
+                  }
+                });
+              }
             }
-          }
-        });
+          },
+          instanceName
+        );
       }
     }
     /**
@@ -29293,6 +29306,58 @@ var SyntrologieSDK = (() => {
     return new PostHogAdapter(options);
   }
 
+  // src/telemetry/adapters/noop.ts
+  function randomId() {
+    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+    let id = "";
+    for (let i2 = 0; i2 < 16; i2++) {
+      id += chars[Math.floor(Math.random() * chars.length)];
+    }
+    return id;
+  }
+  var NoopAdapter = class {
+    constructor() {
+      __publicField(this, "sessionId");
+      this.sessionId = randomId();
+      console.log(
+        `[Syntro Telemetry] Using noop adapter (no telemetry configured). sessionId=${this.sessionId}`
+      );
+    }
+    trackCanvasOpened(_surface) {
+    }
+    trackCanvasClosed(_surface) {
+    }
+    trackRectangleViewed(_rectangleId, _surface) {
+    }
+    trackAction(_action, _rectangleId, _surface) {
+    }
+    register(_properties) {
+    }
+    getSessionId() {
+      return this.sessionId;
+    }
+    startSessionRecording() {
+    }
+    trackExperiment(_key, _variationId, _variationName) {
+    }
+    setPersonProperties(_properties) {
+    }
+    setPersonPropertiesOnce(_properties) {
+    }
+    getDistinctId() {
+      return "demo-user";
+    }
+    getAllFeatureFlags() {
+      return {};
+    }
+    getSegmentFlags() {
+      return {};
+    }
+  };
+  function createNoopClient() {
+    return new NoopAdapter();
+  }
+
   // ../../node_modules/@growthbook/growthbook/dist/esm/util.mjs
   var polyfills = {
     fetch: globalThis.fetch ? globalThis.fetch.bind(globalThis) : void 0,
@@ -32132,30 +32197,6 @@ var SyntrologieSDK = (() => {
     }
   };
 
-  // ../../node_modules/@growthbook/growthbook-react/dist/esm/index.js
-  var React = __toESM(require_react());
-  function _extends() {
-    return _extends = Object.assign ? Object.assign.bind() : function(n2) {
-      for (var e2 = 1; e2 < arguments.length; e2++) {
-        var t2 = arguments[e2];
-        for (var r2 in t2) ({}).hasOwnProperty.call(t2, r2) && (n2[r2] = t2[r2]);
-      }
-      return n2;
-    }, _extends.apply(null, arguments);
-  }
-  var GrowthBookContext = /* @__PURE__ */ React.createContext({});
-  var withRunExperiment = (Component) => {
-    const withRunExperimentWrapper = (props) => /* @__PURE__ */ React.createElement(GrowthBookContext.Consumer, null, ({
-      growthbook
-    }) => {
-      return /* @__PURE__ */ React.createElement(Component, _extends({}, props, {
-        runExperiment: (exp) => growthbook.run(exp)
-      }));
-    });
-    return withRunExperimentWrapper;
-  };
-  withRunExperiment.displayName = "WithRunExperiment";
-
   // src/experiments/adapters/growthbook.ts
   var DEFAULT_EXPERIMENT_API_HOST = "https://experiment.syntrologie.com";
   var GrowthBookAdapter = class {
@@ -32232,6 +32273,53 @@ var SyntrologieSDK = (() => {
 
   // src/hooks/useShadowCanvasConfig.ts
   var import_react = __toESM(require_react(), 1);
+
+  // 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/hooks/useShadowCanvasConfig.ts
   var sortTiles = (tiles) => [...tiles].sort((a2, b2) => (a2.order ?? 0) - (b2.order ?? 0));
   function useShadowCanvasConfig({
     fetcher,
@@ -32248,6 +32336,7 @@ var SyntrologieSDK = (() => {
       try {
         setState((prev) => ({ ...prev, isLoading: true, error: void 0 }));
         const response = await fetcher();
+        debug("SmartCanvas Config", "Raw config response", response);
         let tiles = response.tiles || [];
         if (runtime4 && response.routes) {
           runtime4.setRoutes(response.routes);
@@ -32260,6 +32349,7 @@ var SyntrologieSDK = (() => {
         } else if (experiments) {
           tiles = tiles.filter((tile) => experiments.shouldRenderRectangle(tile));
         }
+        debug("SmartCanvas Config", `Tile count after filtering: ${tiles.length}`);
         setState({
           tiles: sortTiles(tiles),
           actions: response.actions || [],
@@ -32411,7 +32501,7 @@ var SyntrologieSDK = (() => {
   function NotificationBlock({
     content,
     onDismiss,
-    accentColor
+    accentColor: _accentColor
   }) {
     const [isDismissed, setIsDismissed] = (0, import_react2.useState)(false);
     const [countdown, setCountdown] = (0, import_react2.useState)(
@@ -32783,15 +32873,7 @@ var SyntrologieSDK = (() => {
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: containerStyle, children: processedItems.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      ComparisonItemCard,
-      {
-        item,
-        accentColor: primaryColor,
-        layout
-      },
-      idx
-    )) });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: containerStyle, children: processedItems.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ComparisonItemCard, { item, accentColor: primaryColor, layout }, idx)) });
   }
 
   // src/blocks/interactive/RatingBlock.tsx
@@ -32825,15 +32907,24 @@ var SyntrologieSDK = (() => {
             transform: hovered === starValue ? "scale(1.15)" : "scale(1)"
           },
           "aria-label": `Rate ${starValue} out of ${maxValue}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: isFilled ? "currentColor" : "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            "path",
-            {
-              d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinejoin: "round"
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "svg",
+            {
+              width: "28",
+              height: "28",
+              viewBox: "0 0 24 24",
+              fill: isFilled ? "currentColor" : "none",
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "path",
+                {
+                  d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinejoin: "round"
+                }
+              )
             }
-          ) })
+          )
         },
         i2
       );
@@ -32856,32 +32947,26 @@ var SyntrologieSDK = (() => {
       transition: "all 0.15s ease"
     });
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", gap: "12px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "button",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { onClick: () => onChange(1), style: buttonStyle(value === 1), "aria-label": "Thumbs up", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "path",
         {
-          onClick: () => onChange(1),
-          style: buttonStyle(value === 1),
-          "aria-label": "Thumbs up",
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            "path",
-            {
-              d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3H14zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              fill: value === 1 ? "currentColor" : "none"
-            }
-          ) })
+          d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3H14zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          fill: value === 1 ? "currentColor" : "none"
         }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "button",
+      ) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { onClick: () => onChange(0), style: buttonStyle(value === 0), "aria-label": "Thumbs down", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "svg",
         {
-          onClick: () => onChange(0),
-          style: buttonStyle(value === 0),
-          "aria-label": "Thumbs down",
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", style: { transform: "rotate(180deg)" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          width: "32",
+          height: "32",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          style: { transform: "rotate(180deg)" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "path",
             {
               d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3H14zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3",
@@ -32891,9 +32976,9 @@ var SyntrologieSDK = (() => {
               strokeLinejoin: "round",
               fill: value === 0 ? "currentColor" : "none"
             }
-          ) })
+          )
         }
-      )
+      ) })
     ] });
   }
   function NpsRating({
@@ -32929,8 +33014,26 @@ var SyntrologieSDK = (() => {
         );
       }) }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", padding: "0 2px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "var(--sc-font-size-xs, 0.7rem)", color: "var(--sc-color-text-muted, #8e8e93)" }, children: "Not likely" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "var(--sc-font-size-xs, 0.7rem)", color: "var(--sc-color-text-muted, #8e8e93)" }, children: "Very likely" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "span",
+          {
+            style: {
+              fontSize: "var(--sc-font-size-xs, 0.7rem)",
+              color: "var(--sc-color-text-muted, #8e8e93)"
+            },
+            children: "Not likely"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "span",
+          {
+            style: {
+              fontSize: "var(--sc-font-size-xs, 0.7rem)",
+              color: "var(--sc-color-text-muted, #8e8e93)"
+            },
+            children: "Very likely"
+          }
+        )
       ] })
     ] });
   }
@@ -33000,7 +33103,15 @@ var SyntrologieSDK = (() => {
     }
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: containerStyle, children: [
       content.question && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: questionStyle, children: content.question }),
-      content.variant === "stars" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StarRating, { value, maxValue, onChange: handleChange, color: primaryColor }),
+      content.variant === "stars" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        StarRating,
+        {
+          value,
+          maxValue,
+          onChange: handleChange,
+          color: primaryColor
+        }
+      ),
       content.variant === "thumbs" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ThumbsRating, { value, onChange: handleChange, color: primaryColor }),
       content.variant === "nps" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NpsRating, { value, maxValue, onChange: handleChange, color: primaryColor }),
       content.variant === "emoji" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(EmojiRating, { value, onChange: handleChange, color: primaryColor }),
@@ -33222,13 +33333,7 @@ var SyntrologieSDK = (() => {
       );
     }
     if (isChecklistContent(content)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        ChecklistBlock,
-        {
-          content,
-          accentColor: options.accentColor
-        }
-      );
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChecklistBlock, { content, accentColor: options.accentColor });
     }
     return null;
   }
@@ -33278,10 +33383,7 @@ var SyntrologieSDK = (() => {
       });
       return unsubscribe2;
     }, [runtime4]);
-    const value = (0, import_react5.useMemo)(
-      () => ({ runtime: runtime4, context }),
-      [runtime4, context]
-    );
+    const value = (0, import_react5.useMemo)(() => ({ runtime: runtime4, context }), [runtime4, context]);
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RuntimeReactContext.Provider, { value, children });
   }
   function useRuntime() {
@@ -33457,11 +33559,7 @@ var SyntrologieSDK = (() => {
 
   // src/components/TileCard.tsx
   var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
-  function ChatbotBlock({
-    config,
-    telemetry,
-    surface
-  }) {
+  function ChatbotBlock({ config, telemetry, surface }) {
     const [messages, setMessages] = (0, import_react6.useState)([
       { author: "Lumi", text: "Hi! Need clarity on a deduction?" }
     ]);
@@ -33488,21 +33586,27 @@ var SyntrologieSDK = (() => {
       setInput("");
     };
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem", height: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: {
-        flex: 1,
-        overflowY: "auto",
-        padding: "0.75rem",
-        background: "rgba(0, 0, 0, 0.2)",
-        borderRadius: "8px",
-        fontSize: "0.85rem"
-      }, children: messages.map((message, idx) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { style: { margin: "0 0 0.5rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { fontWeight: 600, color: "#94a3b8" }, children: [
-          message.author,
-          ":"
-        ] }),
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { color: "#e2e8f0" }, children: message.text })
-      ] }, `${message.author}-${idx}`)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "div",
+        {
+          style: {
+            flex: 1,
+            overflowY: "auto",
+            padding: "0.75rem",
+            background: "rgba(0, 0, 0, 0.2)",
+            borderRadius: "8px",
+            fontSize: "0.85rem"
+          },
+          children: messages.map((message, idx) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { style: { margin: "0 0 0.5rem" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { fontWeight: 600, color: "#94a3b8" }, children: [
+              message.author,
+              ":"
+            ] }),
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { color: "#e2e8f0" }, children: message.text })
+          ] }, `${message.author}-${idx}`))
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { onSubmit: handleSubmit, style: { display: "flex", gap: "0.5rem" }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "input",
@@ -33547,16 +33651,23 @@ var SyntrologieSDK = (() => {
     config,
     surface,
     telemetry,
-    isExpanded
+    isExpanded,
+    runtime: runtime4
   }) {
     const containerRef = (0, import_react6.useRef)(null);
     (0, import_react6.useEffect)(() => {
       if (!containerRef.current) return;
-      const cleanup = renderer.mount(containerRef.current, { config, surface, telemetry, isExpanded });
+      const cleanup = renderer.mount(containerRef.current, {
+        config,
+        surface,
+        telemetry,
+        isExpanded,
+        runtime: runtime4
+      });
       return () => {
         if (cleanup) cleanup();
       };
-    }, [renderer, config, surface, telemetry, isExpanded]);
+    }, [renderer, config, surface, telemetry, isExpanded, runtime4]);
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: containerRef, style: { width: "100%", height: "100%" } });
   }
   function TileCard({
@@ -33570,13 +33681,16 @@ var SyntrologieSDK = (() => {
   }) {
     const { title, subtitle, content, style: configStyle } = config;
     const runtime4 = useRuntime();
-    const trackAction = (0, import_react6.useCallback)((actionId) => {
-      telemetry?.trackAction(actionId, config.id, surface);
-      if (runtime4) {
-        const event = CanvasEvents.tileAction(config.id, actionId, surface);
-        runtime4.events.publish(event.name, event.props, event.source);
-      }
-    }, [telemetry, runtime4, config.id, surface]);
+    const trackAction = (0, import_react6.useCallback)(
+      (actionId) => {
+        telemetry?.trackAction(actionId, config.id, surface);
+        if (runtime4) {
+          const event = CanvasEvents.tileAction(config.id, actionId, surface);
+          runtime4.events.publish(event.name, event.props, event.source);
+        }
+      },
+      [telemetry, runtime4, config.id, surface]
+    );
     const accentColor = configStyle?.accentColor ?? "#6366f1";
     const collapsedHeight = "72px";
     const cardStyle = {
@@ -33656,7 +33770,7 @@ var SyntrologieSDK = (() => {
           onDismiss: () => {
             trackAction("block_dismissed");
           },
-          onRatingSubmit: (value) => {
+          onRatingSubmit: (_value) => {
             trackAction("rating_submitted");
           }
         });
@@ -33669,16 +33783,33 @@ var SyntrologieSDK = (() => {
           return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { height: "200px" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChatbotBlock, { config, surface, telemetry }) });
         case "metric":
           return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { textAlign: "center", padding: "0.5rem 0" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { style: {
-              fontSize: "3rem",
-              fontWeight: 700,
-              color: accentColor,
-              margin: 0,
-              letterSpacing: "-0.02em"
-            }, children: [
-              content.metricValue,
-              content.metricUnit && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontSize: "1.25rem", fontWeight: 400, color: "#8e8e93", marginLeft: "0.5rem" }, children: content.metricUnit })
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              "p",
+              {
+                style: {
+                  fontSize: "3rem",
+                  fontWeight: 700,
+                  color: accentColor,
+                  margin: 0,
+                  letterSpacing: "-0.02em"
+                },
+                children: [
+                  content.metricValue,
+                  content.metricUnit && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    "span",
+                    {
+                      style: {
+                        fontSize: "1.25rem",
+                        fontWeight: 400,
+                        color: "#8e8e93",
+                        marginLeft: "0.5rem"
+                      },
+                      children: content.metricUnit
+                    }
+                  )
+                ]
+              }
+            ),
             content.headline && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { fontSize: "0.85rem", color: "#8e8e93", margin: "0.5rem 0 0" }, children: content.headline })
           ] });
         case "embed":
@@ -33713,7 +33844,8 @@ var SyntrologieSDK = (() => {
               config,
               surface,
               telemetry,
-              isExpanded
+              isExpanded,
+              runtime: runtime4
             }
           );
         }
@@ -33721,7 +33853,18 @@ var SyntrologieSDK = (() => {
         default: {
           const legacyContent = content;
           return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { padding: "0.25rem 0" }, children: [
-            legacyContent.headline && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { fontSize: "1rem", fontWeight: 600, color: "#f5f5f7", margin: "0 0 0.5rem" }, children: legacyContent.headline }),
+            legacyContent.headline && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "p",
+              {
+                style: {
+                  fontSize: "1rem",
+                  fontWeight: 600,
+                  color: "#f5f5f7",
+                  margin: "0 0 0.5rem"
+                },
+                children: legacyContent.headline
+              }
+            ),
             legacyContent.body && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { fontSize: "0.9rem", color: "#8e8e93", margin: 0, lineHeight: 1.5 }, children: legacyContent.body })
           ] });
         }
@@ -33740,37 +33883,61 @@ var SyntrologieSDK = (() => {
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: headerStyle, children: [
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: iconStyle, children: getIcon() }),
             /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: {
-                fontSize: "0.7rem",
-                textTransform: "uppercase",
-                letterSpacing: "0.05em",
-                color: "#8e8e93",
-                margin: 0
-              }, children: subtitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { style: {
-                fontSize: "0.95rem",
-                fontWeight: 600,
-                color: "#f5f5f7",
-                margin: "0.125rem 0 0",
-                whiteSpace: "nowrap",
-                overflow: "hidden",
-                textOverflow: "ellipsis"
-              }, children: title }),
-              !isExpanded && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: {
-                fontSize: "0.8rem",
-                color: "#8e8e93",
-                margin: "0.125rem 0 0",
-                whiteSpace: "nowrap",
-                overflow: "hidden",
-                textOverflow: "ellipsis"
-              }, children: getPreview() })
+              subtitle && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "p",
+                {
+                  style: {
+                    fontSize: "0.7rem",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em",
+                    color: "#8e8e93",
+                    margin: 0
+                  },
+                  children: subtitle
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "h3",
+                {
+                  style: {
+                    fontSize: "0.95rem",
+                    fontWeight: 600,
+                    color: "#f5f5f7",
+                    margin: "0.125rem 0 0",
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  children: title
+                }
+              ),
+              !isExpanded && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "p",
+                {
+                  style: {
+                    fontSize: "0.8rem",
+                    color: "#8e8e93",
+                    margin: "0.125rem 0 0",
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  children: getPreview()
+                }
+              )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: {
-              color: "#8e8e93",
-              fontSize: "0.85rem",
-              transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)",
-              transition: "transform 0.2s ease"
-            }, children: "\u25BC" })
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "div",
+              {
+                style: {
+                  color: "#8e8e93",
+                  fontSize: "0.85rem",
+                  transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)",
+                  transition: "transform 0.2s ease"
+                },
+                children: "\u25BC"
+              }
+            )
           ] }),
           isExpanded && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
             "div",
@@ -33783,61 +33950,70 @@ var SyntrologieSDK = (() => {
               onClick: (e2) => e2.stopPropagation(),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { paddingTop: "0.875rem" }, children: renderExpandedContent() }),
-                "actions" in content && content.actions && content.actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: {
-                  marginTop: "1rem",
-                  paddingTop: "0.75rem",
-                  borderTop: "1px solid rgba(255, 255, 255, 0.06)",
-                  display: "flex",
-                  gap: "0.5rem"
-                }, children: content.actions.map((action, idx) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                  "button",
+                "actions" in content && content.actions && content.actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "div",
                   {
-                    onClick: (e2) => {
-                      e2.stopPropagation();
-                      if (action.href && typeof window !== "undefined") {
-                        window.open(action.href, "_blank", "noreferrer");
-                      }
-                      if (action.onClickId) {
-                        trackAction(action.onClickId);
-                        if (action.onClickId.startsWith("syntro:restart-tour:") || action.onClickId.startsWith("syntro:start-tour:")) {
-                          const tourId = action.onClickId.replace("syntro:restart-tour:", "").replace("syntro:start-tour:", "");
-                          try {
-                            localStorage.removeItem("syntro_active_tour");
-                            localStorage.setItem("syntro_active_tour", JSON.stringify({
-                              tourId,
-                              currentStepId: "",
-                              startedAt: Date.now()
-                            }));
-                            console.log(`[SmartCanvas] Starting tour "${tourId}"...`);
-                            window.location.reload();
-                          } catch (err) {
-                            console.warn("[SmartCanvas] Failed to start tour:", err);
-                          }
-                        }
-                      }
-                    },
                     style: {
-                      flex: 1,
-                      padding: "0.625rem 1rem",
-                      borderRadius: "8px",
-                      fontSize: "0.85rem",
-                      fontWeight: 600,
-                      cursor: "pointer",
-                      border: "none",
-                      background: idx === 0 ? accentColor : "rgba(255, 255, 255, 0.1)",
-                      color: "#fff",
-                      transition: "opacity 0.15s ease"
-                    },
-                    onMouseEnter: (e2) => {
-                      e2.currentTarget.style.opacity = "0.85";
-                    },
-                    onMouseLeave: (e2) => {
-                      e2.currentTarget.style.opacity = "1";
+                      marginTop: "1rem",
+                      paddingTop: "0.75rem",
+                      borderTop: "1px solid rgba(255, 255, 255, 0.06)",
+                      display: "flex",
+                      gap: "0.5rem"
                     },
-                    children: action.label
-                  },
-                  action.label
-                )) })
+                    children: content.actions.map((action, idx) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      "button",
+                      {
+                        onClick: (e2) => {
+                          e2.stopPropagation();
+                          if (action.href && typeof window !== "undefined") {
+                            window.open(action.href, "_blank", "noreferrer");
+                          }
+                          if (action.onClickId) {
+                            trackAction(action.onClickId);
+                            if (action.onClickId.startsWith("syntro:restart-tour:") || action.onClickId.startsWith("syntro:start-tour:")) {
+                              const tourId = action.onClickId.replace("syntro:restart-tour:", "").replace("syntro:start-tour:", "");
+                              try {
+                                localStorage.removeItem("syntro_active_tour");
+                                localStorage.setItem(
+                                  "syntro_active_tour",
+                                  JSON.stringify({
+                                    tourId,
+                                    currentStepId: "",
+                                    startedAt: Date.now()
+                                  })
+                                );
+                                console.log(`[SmartCanvas] Starting tour "${tourId}"...`);
+                                window.location.reload();
+                              } catch (err) {
+                                console.warn("[SmartCanvas] Failed to start tour:", err);
+                              }
+                            }
+                          }
+                        },
+                        style: {
+                          flex: 1,
+                          padding: "0.625rem 1rem",
+                          borderRadius: "8px",
+                          fontSize: "0.85rem",
+                          fontWeight: 600,
+                          cursor: "pointer",
+                          border: "none",
+                          background: idx === 0 ? accentColor : "rgba(255, 255, 255, 0.1)",
+                          color: "#fff",
+                          transition: "opacity 0.15s ease"
+                        },
+                        onMouseEnter: (e2) => {
+                          e2.currentTarget.style.opacity = "0.85";
+                        },
+                        onMouseLeave: (e2) => {
+                          e2.currentTarget.style.opacity = "1";
+                        },
+                        children: action.label
+                      },
+                      action.label
+                    ))
+                  }
+                )
               ]
             }
           )
@@ -33901,7 +34077,7 @@ var SyntrologieSDK = (() => {
     telemetry,
     launcherLabel = "Adaptives",
     launcherAnimate = false,
-    launcherAnimationStyle = "pulse",
+    launcherAnimationStyle: _launcherAnimationStyle = "pulse",
     footerSlot,
     tiles,
     isLoading,
@@ -33915,14 +34091,17 @@ var SyntrologieSDK = (() => {
     const [expandedId, setExpandedId] = (0, import_react7.useState)(null);
     const runtime4 = useRuntime();
     const theme = { ...DEFAULT_THEME, ...themeOverride };
-    const handleTileClick = (0, import_react7.useCallback)((id) => {
-      const wasExpanded = expandedId === id;
-      setExpandedId(wasExpanded ? null : id);
-      if (runtime4) {
-        const event = wasExpanded ? CanvasEvents.tileCollapsed(id, "overlay") : CanvasEvents.tileExpanded(id, "overlay");
-        runtime4.events.publish(event.name, event.props, event.source);
-      }
-    }, [expandedId, runtime4]);
+    const handleTileClick = (0, import_react7.useCallback)(
+      (id) => {
+        const wasExpanded = expandedId === id;
+        setExpandedId(wasExpanded ? null : id);
+        if (runtime4) {
+          const event = wasExpanded ? CanvasEvents.tileCollapsed(id, "overlay") : CanvasEvents.tileExpanded(id, "overlay");
+          runtime4.events.publish(event.name, event.props, event.source);
+        }
+      },
+      [expandedId, runtime4]
+    );
     (0, import_react7.useEffect)(() => {
       if (!isOpen) return;
       tiles.forEach((tile) => {
@@ -33964,21 +34143,23 @@ var SyntrologieSDK = (() => {
       minWidth: "320px",
       height: "100%",
       maxHeight: "100%",
-      background: isLightMode ? lightGradient : darkGradient,
-      backdropFilter: `blur(${theme.backdropBlur})`,
-      WebkitBackdropFilter: `blur(${theme.backdropBlur})`,
       pointerEvents: "auto",
       opacity: isOpen ? 1 : 0.8,
       transition: "all 340ms cubic-bezier(0.16, 1, 0.3, 1)",
       color: theme.colorText || "#f5f5f7",
-      // Borders
-      border: isFocused ? isRight ? void 0 : `1px solid ${isLightMode ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.06)"}` : `1px solid ${primaryColor}66`,
+      // In standard mode: transparent container (cards have their own styling)
+      // In focused mode: full panel with gradient background
+      background: isFocused ? isLightMode ? lightGradient : darkGradient : "transparent",
+      backdropFilter: isFocused ? `blur(${theme.backdropBlur})` : void 0,
+      WebkitBackdropFilter: isFocused ? `blur(${theme.backdropBlur})` : void 0,
+      // Borders - only in focused mode
+      border: isFocused ? isRight ? void 0 : `1px solid ${isLightMode ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.06)"}` : "none",
       borderLeft: isFocused && isRight ? `1px solid ${isLightMode ? "rgba(0, 0, 0, 0.08)" : "rgba(255, 255, 255, 0.08)"}` : void 0,
       borderRight: isFocused && !isRight ? `1px solid ${isLightMode ? "rgba(0, 0, 0, 0.08)" : "rgba(255, 255, 255, 0.08)"}` : void 0,
-      // Rounded corners - use theme borderRadius if provided
-      borderRadius: isFocused ? "0" : theme.borderRadius || "24px",
-      // Shadow
-      boxShadow: isFocused ? "none" : `0 25px 80px rgba(0, 0, 0, ${isLightMode ? "0.3" : "0.7"}), inset 0 0 80px ${primaryColor}15`,
+      // Rounded corners - only in focused mode
+      borderRadius: isFocused ? "0" : void 0,
+      // Shadow - only in focused mode
+      boxShadow: isFocused ? "none" : void 0,
       // Transform logic
       transform: isOpen ? "translateX(0)" : isRight ? "translateX(120%)" : "translateX(-120%)"
     };
@@ -34003,8 +34184,26 @@ var SyntrologieSDK = (() => {
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: wrapperStyle, children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: containerStyle, children: [
-            !isFocused && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("header", { style: { color: "white", padding: "1.5rem 1.5rem 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsx)("div", { style: { flex: 1, overflowY: "auto", padding: isFocused ? "0" : "1.5rem" }, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { color: "rgba(255, 255, 255, 0.85)", padding: isFocused ? "1rem" : "0" }, children: "Loading..." }) : error2 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { color: "#fecdd3", padding: isFocused ? "1rem" : "0" }, children: [
+            isFocused && canvasTitle && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("header", { style: { color: "white", padding: "1.5rem 1.5rem 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "p",
+              {
+                style: {
+                  margin: 0,
+                  fontSize: "0.7rem",
+                  textTransform: "uppercase",
+                  letterSpacing: "0.5em",
+                  color: "rgba(255, 255, 255, 0.6)"
+                },
+                children: canvasTitle
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { flex: 1, overflowY: "auto", padding: isFocused ? "0" : "1rem" }, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "div",
+              {
+                style: { color: "rgba(255, 255, 255, 0.85)", padding: isFocused ? "1rem" : "0" },
+                children: "Loading..."
+              }
+            ) : error2 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { color: "#fecdd3", padding: isFocused ? "1rem" : "0" }, children: [
               "Failed to load: ",
               error2
             ] }) : isFocused ? (
@@ -34023,38 +34222,28 @@ var SyntrologieSDK = (() => {
                 }
               ) : null
             ) : (
-              /* Standard Mode: Notification Center Style Grid */
+              /* Standard Mode: Stacked floating cards */
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "div",
                 {
                   style: {
-                    display: "grid",
-                    gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
-                    gap: "0.625rem",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.75rem",
                     width: "100%"
                   },
                   children: tiles.map((tile) => {
-                    const isHalf = tile.size === "half";
                     const isExpanded = expandedId === tile.id;
                     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                      "div",
+                      TileCard,
                       {
-                        style: {
-                          gridColumn: isHalf && !isExpanded ? "span 1" : "span 2",
-                          transition: "all 0.25s ease"
-                        },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                          TileCard,
-                          {
-                            config: tile,
-                            surface: "overlay",
-                            telemetry,
-                            customRenderers,
-                            isExpanded,
-                            onToggleExpand: () => handleTileClick(tile.id),
-                            style: { width: "100%" }
-                          }
-                        )
+                        config: tile,
+                        surface: "overlay",
+                        telemetry,
+                        customRenderers,
+                        isExpanded,
+                        onToggleExpand: () => handleTileClick(tile.id),
+                        style: { width: "100%" }
                       },
                       tile.id
                     );
@@ -34163,7 +34352,17 @@ var SyntrologieSDK = (() => {
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", flexDirection: "column", textAlign: "left" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { fontSize: "0.55rem", letterSpacing: "0.35em", color: "rgba(255,255,255,0.7)" }, children: isOpen ? "Hide" : "Open" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "0.55rem",
+                          letterSpacing: "0.35em",
+                          color: "rgba(255,255,255,0.7)"
+                        },
+                        children: isOpen ? "Hide" : "Open"
+                      }
+                    ),
                     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { fontSize: "0.85rem", letterSpacing: "0.25em" }, children: launcherLabel })
                   ] })
                 ]
@@ -34180,11 +34379,7 @@ var SyntrologieSDK = (() => {
   // src/components/TileWheel.tsx
   var import_react8 = __toESM(require_react(), 1);
   var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
-  function TileWheel({
-    tiles,
-    intervalMs = 7e3,
-    telemetry
-  }) {
+  function TileWheel({ tiles, intervalMs = 7e3, telemetry }) {
     const [index2, setIndex] = (0, import_react8.useState)(0);
     const ordered = (0, import_react8.useMemo)(
       () => [...tiles].filter((tile) => tile.size !== "half").sort((a2, b2) => (a2.order ?? 0) - (b2.order ?? 0)),
@@ -34218,14 +34413,7 @@ var SyntrologieSDK = (() => {
             {
               className: "flex transition-transform duration-700 ease-out",
               style: { transform: `translateX(-${index2 * 100}%)`, width: `${ordered.length * 100}%` },
-              children: ordered.map((tile) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-full shrink-0 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                TileCard,
-                {
-                  config: { ...tile, size: "half" },
-                  surface: "wheel",
-                  telemetry
-                }
-              ) }, tile.id))
+              children: ordered.map((tile) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-full shrink-0 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TileCard, { config: { ...tile, size: "half" }, surface: "wheel", telemetry }) }, tile.id))
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-4 flex justify-center gap-2", children: ordered.map((tile, idx) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -34334,11 +34522,13 @@ var SyntrologieSDK = (() => {
       if (experiments && configFeatureKey) {
         const directConfig = experiments.getFeatureValue?.(configFeatureKey, null);
         if (directConfig && typeof directConfig === "object") {
+          debug("SmartCanvas Config", "Resolved config directly from feature flag", directConfig);
           return directConfig;
         }
       }
       const uri = resolveConfigUri({ configUri, experiments, featureKey });
       if (!uri) {
+        debug("SmartCanvas Config", "No config available \u2014 returning empty config");
         return { tiles: [], overlays: [] };
       }
       if (!validateConfigUri(uri)) {
@@ -34349,7 +34539,9 @@ var SyntrologieSDK = (() => {
       if (!response.ok) {
         throw new Error(`SmartCanvas: failed to fetch config (${response.status})`);
       }
-      return await response.json();
+      const config = await response.json();
+      debug("SmartCanvas Config", "Fetched config from URI", config);
+      return config;
     };
   };
 
@@ -34454,13 +34646,13 @@ var SyntrologieSDK = (() => {
     experiments,
     telemetry,
     runtime: runtime4,
-    overlayFetcher,
-    overlayConfigUri,
-    overlayConfigFeatureKey = "smart-canvas-overlay-uri",
-    overlayFetchCredentials = "include",
+    overlayFetcher: _overlayFetcher,
+    overlayConfigUri: _overlayConfigUri,
+    overlayConfigFeatureKey: _overlayConfigFeatureKey = "smart-canvas-overlay-uri",
+    overlayFetchCredentials: _overlayFetchCredentials = "include",
     footerSlot,
     launcherLabel,
-    canvasHost,
+    canvasHost: _canvasHost,
     customRenderers,
     theme
   }) {
@@ -34584,11 +34776,15 @@ var SyntrologieSDK = (() => {
       if (document.body) {
         document.body.appendChild(root);
       } else {
-        document.addEventListener("DOMContentLoaded", () => {
-          if (!root.parentNode) {
-            document.body.appendChild(root);
-          }
-        }, { once: true });
+        document.addEventListener(
+          "DOMContentLoaded",
+          () => {
+            if (!root.parentNode) {
+              document.body.appendChild(root);
+            }
+          },
+          { once: true }
+        );
       }
     }
     return root;
@@ -34746,51 +34942,6 @@ 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 = [
@@ -34928,7 +35079,10 @@ var SyntrologieSDK = (() => {
     const baseEditorUrl = urlParamEditorSdk || derivedEditorSdk || options.editorUrl || DEFAULT_EDITOR_URL;
     const token = getTokenFromUrl();
     if (!token) {
-      warn("Syntro Runtime", "\u274C No token found in URL params. SDK requires editor_token or audit_token.");
+      warn(
+        "Syntro Runtime",
+        "\u274C No token found in URL params. SDK requires editor_token or audit_token."
+      );
       debug("Syntro Runtime", "================================");
       return;
     }
@@ -35094,7 +35248,7 @@ var SyntrologieSDK = (() => {
             console.error("[SmartCanvas] Error fetching config:", error2);
           }
         }
-        return currentConfig;
+        return currentConfig ?? { tiles: [], actions: [], fetchedAt: "" };
       },
       updateConfig: async (newConfig) => {
         currentConfig = newConfig;
@@ -39853,6 +40007,9 @@ var SyntrologieSDK = (() => {
       if (tagName === "input" || tagName === "textarea") return StandardEvents.UI_INPUT;
       return StandardEvents.UI_CLICK;
     }
+    if (typeof eventName !== "string") {
+      return "posthog.unknown";
+    }
     if (!eventName.startsWith("$")) {
       return `posthog.${eventName}`;
     }
@@ -39894,6 +40051,7 @@ var SyntrologieSDK = (() => {
   }
   function shouldNormalizeEvent(phEvent) {
     const eventName = phEvent.event;
+    if (typeof eventName !== "string") return false;
     const skipEvents = [
       "$feature_flag_called",
       "$feature_flags",
@@ -39917,6 +40075,7 @@ var SyntrologieSDK = (() => {
   }
   function createPostHogNormalizer(publishFn) {
     return (eventName, properties) => {
+      if (typeof eventName !== "string") return;
       const phEvent = {
         event: eventName,
         properties,
@@ -40337,9 +40496,7 @@ var SyntrologieSDK = (() => {
         return context.page.routeId === condition.routeId;
       }
       case "anchor_visible": {
-        const anchor = context.anchors?.find(
-          (a2) => a2.anchorId === condition.anchorId
-        );
+        const anchor = context.anchors?.find((a2) => a2.anchorId === condition.anchorId);
         switch (condition.state) {
           case "visible":
             return anchor?.visible === true;
@@ -40362,14 +40519,10 @@ var SyntrologieSDK = (() => {
       }
       case "viewport": {
         const { width, height } = context.viewport;
-        if (condition.minWidth !== void 0 && width < condition.minWidth)
-          return false;
-        if (condition.maxWidth !== void 0 && width > condition.maxWidth)
-          return false;
-        if (condition.minHeight !== void 0 && height < condition.minHeight)
-          return false;
-        if (condition.maxHeight !== void 0 && height > condition.maxHeight)
-          return false;
+        if (condition.minWidth !== void 0 && width < condition.minWidth) return false;
+        if (condition.maxWidth !== void 0 && width > condition.maxWidth) return false;
+        if (condition.minHeight !== void 0 && height < condition.minHeight) return false;
+        if (condition.maxHeight !== void 0 && height > condition.maxHeight) return false;
         return true;
       }
       case "session_metric": {
@@ -42597,7 +42750,7 @@ var SyntrologieSDK = (() => {
         handle.destroy();
     };
     window.addEventListener("keydown", onKey);
-    let originalInert = [];
+    const originalInert = [];
     if (opts.blocking) {
       Array.from(document.body.children).forEach((el) => {
         if (el !== overlayRoot && el.getAttribute("inert") === null) {
@@ -43092,8 +43245,8 @@ var SyntrologieSDK = (() => {
     if (!anchorEl) {
       throw new Error(`Anchor not found: ${action.anchorId}`);
     }
-    const scrollXBefore = window.scrollX;
-    const scrollYBefore = window.scrollY;
+    const _scrollXBefore = window.scrollX;
+    const _scrollYBefore = window.scrollY;
     anchorEl.scrollIntoView({
       behavior: action.behavior ?? "smooth",
       block: action.block ?? "center",
@@ -43177,9 +43330,7 @@ var SyntrologieSDK = (() => {
     if (!step.route) return true;
     const currentRoute = getCurrentRoute();
     if (step.route.includes("*")) {
-      const pattern = new RegExp(
-        "^" + step.route.replace(/\*/g, ".*") + "$"
-      );
+      const pattern = new RegExp("^" + step.route.replace(/\*/g, ".*") + "$");
       return pattern.test(currentRoute);
     }
     return currentRoute === step.route;
@@ -43307,30 +43458,24 @@ var SyntrologieSDK = (() => {
         return;
       }
       if (step.onAction && context.subscribeEvent) {
-        eventUnsubscribe = context.subscribeEvent(
-          "action.modal_cta_clicked",
-          (props) => {
-            const actionId = props?.actionId;
-            if (actionId && step.onAction) {
-              const nextStepId = step.onAction[actionId];
-              if (nextStepId) {
-                advanceToStep(nextStepId);
-              }
+        eventUnsubscribe = context.subscribeEvent("action.modal_cta_clicked", (props) => {
+          const actionId = props?.actionId;
+          if (actionId && step.onAction) {
+            const nextStepId = step.onAction[actionId];
+            if (nextStepId) {
+              advanceToStep(nextStepId);
             }
           }
-        );
-        const tooltipUnsubscribe = context.subscribeEvent(
-          "action.tooltip_cta_clicked",
-          (props) => {
-            const actionId = props?.actionId;
-            if (actionId && step.onAction) {
-              const nextStepId = step.onAction[actionId];
-              if (nextStepId) {
-                advanceToStep(nextStepId);
-              }
+        });
+        const tooltipUnsubscribe = context.subscribeEvent("action.tooltip_cta_clicked", (props) => {
+          const actionId = props?.actionId;
+          if (actionId && step.onAction) {
+            const nextStepId = step.onAction[actionId];
+            if (nextStepId) {
+              advanceToStep(nextStepId);
             }
           }
-        );
+        });
         const originalUnsubscribe = eventUnsubscribe;
         eventUnsubscribe = () => {
           originalUnsubscribe();
@@ -43747,7 +43892,7 @@ var SyntrologieSDK = (() => {
       });
     }
   }
-  function validateTooltipAction(action, errors, warnings) {
+  function validateTooltipAction(action, errors, _warnings) {
     if (!action.content || typeof action.content !== "object") {
       errors.push({
         code: "MISSING_CONTENT",
@@ -43764,7 +43909,7 @@ var SyntrologieSDK = (() => {
       });
     }
   }
-  function validateInsertHtmlAction(action, errors, warnings) {
+  function validateInsertHtmlAction(action, errors, _warnings) {
     if (!action.html || typeof action.html !== "string") {
       errors.push({
         code: "MISSING_HTML",
@@ -43787,7 +43932,7 @@ var SyntrologieSDK = (() => {
       });
     }
   }
-  function validateSetTextAction(action, errors, warnings) {
+  function validateSetTextAction(action, errors, _warnings) {
     if (action.text === void 0 || action.text === null) {
       errors.push({
         code: "MISSING_TEXT",
@@ -43796,7 +43941,7 @@ var SyntrologieSDK = (() => {
       });
     }
   }
-  function validateSetAttrAction(action, errors, warnings) {
+  function validateSetAttrAction(action, errors, _warnings) {
     if (!action.attr || typeof action.attr !== "string") {
       errors.push({
         code: "MISSING_ATTR",
@@ -43833,7 +43978,7 @@ var SyntrologieSDK = (() => {
       });
     }
   }
-  function validateSetStyleAction(action, errors, warnings) {
+  function validateSetStyleAction(action, errors, _warnings) {
     if (!action.styles || typeof action.styles !== "object") {
       errors.push({
         code: "MISSING_STYLES",
@@ -43860,7 +44005,7 @@ var SyntrologieSDK = (() => {
       }
     }
   }
-  function validateMountWidgetAction(action, errors, warnings) {
+  function validateMountWidgetAction(action, errors, _warnings) {
     if (!action.slot || typeof action.slot !== "string") {
       errors.push({
         code: "MISSING_SLOT",
@@ -43882,7 +44027,7 @@ var SyntrologieSDK = (() => {
       });
     }
   }
-  function validateWaitAction(action, errors, warnings) {
+  function validateWaitAction(action, errors, _warnings) {
     if (action.durationMs === void 0 && !action.event) {
       errors.push({
         code: "MISSING_WAIT_CONFIG",
@@ -43994,7 +44139,7 @@ var SyntrologieSDK = (() => {
       }
     }
   }
-  function validateModalAction(action, errors, warnings) {
+  function validateModalAction(action, errors, _warnings) {
     if (!action.content || typeof action.content !== "object") {
       errors.push({
         code: "MISSING_CONTENT",
@@ -44106,7 +44251,7 @@ var SyntrologieSDK = (() => {
         }
       }
       if (step.onAction) {
-        for (const [actionId, targetStepId] of Object.entries(step.onAction)) {
+        for (const [_actionId, targetStepId] of Object.entries(step.onAction)) {
           if (targetStepId !== "end" && !action.steps.some((s2) => s2.id === targetStepId)) {
             warnings.push({
               code: "UNKNOWN_TARGET_STEP",
@@ -44181,10 +44326,7 @@ var SyntrologieSDK = (() => {
         applyAction: apply,
         // Allow composite executors to subscribe to events
         subscribeEvent: eventBus ? (name, callback) => {
-          return eventBus.subscribe(
-            { names: [name] },
-            (event) => callback(event.props)
-          );
+          return eventBus.subscribe({ names: [name] }, (event) => callback(event.props));
         } : void 0
       };
     }
@@ -44408,7 +44550,27 @@ var SyntrologieSDK = (() => {
     tpl.innerHTML = html2;
     const root = tpl.content;
     const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, null);
-    const allowed = /* @__PURE__ */ new Set(["b", "strong", "i", "em", "u", "span", "div", "p", "br", "ul", "ol", "li", "code", "pre", "small", "sup", "sub", "a", "button"]);
+    const allowed = /* @__PURE__ */ new Set([
+      "b",
+      "strong",
+      "i",
+      "em",
+      "u",
+      "span",
+      "div",
+      "p",
+      "br",
+      "ul",
+      "ol",
+      "li",
+      "code",
+      "pre",
+      "small",
+      "sup",
+      "sub",
+      "a",
+      "button"
+    ]);
     const toRemove = [];
     while (walker.nextNode()) {
       const el = walker.currentNode;
@@ -45087,10 +45249,7 @@ var SyntrologieSDK = (() => {
     }
   };
   var ANIMATION_KEYFRAMES = {
-    fade: [
-      { opacity: 0 },
-      { opacity: 1 }
-    ],
+    fade: [{ opacity: 0 }, { opacity: 1 }],
     slide: [
       { opacity: 0, transform: "translateY(10px)" },
       { opacity: 1, transform: "translateY(0)" }
@@ -45288,11 +45447,7 @@ var SyntrologieSDK = (() => {
       container.style.zIndex = String(getSlotZIndex(slot));
       let positionCleanup;
       if (slotType === "static") {
-        applyStaticSlotStyles(
-          container,
-          slot,
-          opts?.constraints
-        );
+        applyStaticSlotStyles(container, slot, opts?.constraints);
         overlayRoot.appendChild(container);
       } else if (slotType === "inline") {
         const anchorId = getSlotAnchorId(slot);
@@ -45640,7 +45795,7 @@ var SyntrologieSDK = (() => {
      * Clean up all mounted widgets.
      */
     destroy() {
-      for (const [mountId, mounted] of this.mountedWidgets.entries()) {
+      for (const [_mountId, mounted] of this.mountedWidgets.entries()) {
         mounted.cleanup?.();
         mounted.container.innerHTML = "";
       }
@@ -45652,7 +45807,7 @@ var SyntrologieSDK = (() => {
   // src/apps/AppContext.ts
   function createAppContext(options) {
     const { appId, runtime: runtime4, isBuiltIn = false } = options;
-    const statePrefix = `app:${appId}:`;
+    const _statePrefix = `app:${appId}:`;
     const registeredActions = [];
     const registeredWidgets = [];
     const appStorage = runtime4.state.ns(`app:${appId}`);
@@ -45715,12 +45870,7 @@ var SyntrologieSDK = (() => {
       },
       // Widget registration
       registerWidget: (definition) => {
-        runtime4.widgets.register(
-          definition.id,
-          definition.component,
-          appId,
-          definition.metadata
-        );
+        runtime4.widgets.register(definition.id, definition.component, appId, definition.metadata);
         registeredWidgets.push(definition.id);
       }
     };
@@ -45972,9 +46122,7 @@ var SyntrologieSDK = (() => {
      * List all apps with editor modules.
      */
     listEditable() {
-      return Array.from(this.apps.values()).filter(
-        (r2) => r2.manifest.editor !== void 0
-      );
+      return Array.from(this.apps.values()).filter((r2) => r2.manifest.editor !== void 0);
     }
     /**
      * Subscribe to registry events.
@@ -46163,9 +46311,7 @@ var SyntrologieSDK = (() => {
       if (requiredApps.length === 0) {
         return [];
       }
-      const results = await Promise.all(
-        requiredApps.map((appId) => loadApp(appId))
-      );
+      const results = await Promise.all(requiredApps.map((appId) => loadApp(appId)));
       return results;
     }
     async function preloadApps(appIds) {
@@ -46653,7 +46799,8 @@ var SyntrologieSDK = (() => {
 
   // src/telemetry/registry.ts
   var adapters2 = {
-    posthog: (config) => createPostHogClient(config)
+    posthog: (config) => createPostHogClient(config),
+    noop: () => createNoopClient()
   };
   function createTelemetryClient(provider, config) {
     const factory = adapters2[provider];
@@ -46666,11 +46813,7 @@ var SyntrologieSDK = (() => {
   }
 
   // src/fetchers/cdnFetcher.ts
-  var ALLOWED_CDN_HOSTS = [
-    "cdn.syntrologie.com",
-    "localhost",
-    "127.0.0.1"
-  ];
+  var ALLOWED_CDN_HOSTS = ["cdn.syntrologie.com", "localhost", "127.0.0.1"];
   function validateCdnUrl(url) {
     try {
       const parsed = new URL(url);
@@ -46709,9 +46852,7 @@ var SyntrologieSDK = (() => {
         cache: "default"
       });
       if (!response.ok) {
-        throw new Error(
-          `[SmartCanvas] Failed to fetch config from CDN (${response.status})`
-        );
+        throw new Error(`[SmartCanvas] Failed to fetch config from CDN (${response.status})`);
       }
       const text = await response.text();
       if (this.integrity) {
@@ -46931,7 +47072,10 @@ var SyntrologieSDK = (() => {
         payload = decodeToken(options.token);
         initLogger(payload.d);
       } else if (!sdkMode) {
-        error("Syntro Bootstrap", "\u274C Token does not start with syn_ and NOT in editor/audit mode!");
+        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 {
@@ -46968,7 +47112,8 @@ var SyntrologieSDK = (() => {
     };
     let telemetry;
     if (payload?.t) {
-      telemetry = createTelemetryClient("posthog", {
+      const provider = payload.t === "noop" ? "noop" : "posthog";
+      telemetry = createTelemetryClient(provider, {
         apiKey: payload.t,
         apiHost: telemetryHost,
         // undefined falls back to adapter default
@@ -46979,7 +47124,7 @@ var SyntrologieSDK = (() => {
         // Wire up event capture to feed into EventBus
         onCapture: postHogNormalizer
       });
-      console.log("[Syntro Bootstrap] Telemetry client created with EventBus wiring");
+      console.log(`[Syntro Bootstrap] Telemetry client created (${provider}) with EventBus wiring`);
     }
     let sessionMetrics;
     if (payload?.e) {
@@ -47046,6 +47191,14 @@ var SyntrologieSDK = (() => {
       };
       debug("Syntro Bootstrap", "Global SynOS object exposed");
     }
+    if (experiments?.refreshFeatures) {
+      try {
+        await experiments.refreshFeatures();
+        debug("Syntro Bootstrap", "GrowthBook features loaded");
+      } catch (err) {
+        warn("Syntro Bootstrap", "Failed to load GrowthBook features:", err);
+      }
+    }
     let baseFetcher;
     if (options.fetcher) {
       baseFetcher = options.fetcher;