@syntrologie/runtime-sdk 2.0.1-canary.4 → 2.1.0-canary.1

package/dist/smart-canvas.js

@@ -9351,17 +9351,17 @@ var SyntrologieSDK = (() => {
               node = node.parentNode;
             }
           }
-          function getNodeForCharacterOffset(root2, offset4) {
+          function getNodeForCharacterOffset(root2, offset3) {
             var node = getLeafNode(root2);
             var nodeStart = 0;
             var nodeEnd = 0;
             while (node) {
               if (node.nodeType === TEXT_NODE) {
                 nodeEnd = nodeStart + node.textContent.length;
-                if (nodeStart <= offset4 && nodeEnd >= offset4) {
+                if (nodeStart <= offset3 && nodeEnd >= offset3) {
                   return {
                     node,
-                    offset: offset4 - nodeStart
+                    offset: offset3 - nodeStart
                   };
                 }
                 nodeStart = nodeEnd;
@@ -24539,6 +24539,8 @@ var SyntrologieSDK = (() => {
     RuleZ: () => RuleZ,
     RuntimeContextZ: () => RuntimeContextZ,
     RuntimeProvider: () => RuntimeProvider,
+    SDK_SCHEMA_VERSION: () => SDK_SCHEMA_VERSION,
+    SDK_VERSION: () => SDK_VERSION,
     STATIC_SLOT_STYLES: () => STATIC_SLOT_STYLES,
     ScoreStrategyZ: () => ScoreStrategyZ,
     SelectorZ: () => SelectorZ,
@@ -24602,9 +24604,10 @@ var SyntrologieSDK = (() => {
     getSlotZIndex: () => getSlotZIndex,
     hasExecutor: () => hasExecutor,
     isCoreActionKind: () => isCoreActionKind,
-    navigationRuntime: () => runtime3,
+    needsMigration: () => needsMigration,
     normalizePostHogEvent: () => normalizePostHogEvent,
     overlaysRuntime: () => runtime2,
+    parseVersion: () => parseVersion,
     playEnterAnimation: () => playEnterAnimation,
     playExitAnimation: () => playExitAnimation,
     registerSmartCanvasElement: () => registerSmartCanvasElement,
@@ -24625,6 +24628,7 @@ var SyntrologieSDK = (() => {
     validateActions: () => validateActions,
     validateActivationConfig: () => validateActivationConfig,
     validateCondition: () => validateCondition,
+    validateConfig: () => validateConfig,
     validateEventFilter: () => validateEventFilter,
     validateFrequencyEntry: () => validateFrequencyEntry,
     validateNormalizedEvent: () => validateNormalizedEvent,
@@ -24635,6 +24639,122 @@ var SyntrologieSDK = (() => {
     widgetRegistry: () => widgetRegistry
   });
 
+  // src/version.ts
+  var SDK_VERSION = "2.1.0-canary.1";
+
+  // src/types.ts
+  var SDK_SCHEMA_VERSION = "2.0";
+
+  // src/config-validator.ts
+  function parseVersion(version) {
+    const parts = version.split(".");
+    return {
+      major: parseInt(parts[0] || "0", 10),
+      minor: parseInt(parts[1] || "0", 10)
+    };
+  }
+  function validateConfig(config) {
+    const warnings = [];
+    const errors = [];
+    if (!config || typeof config !== "object") {
+      return {
+        valid: false,
+        errors: ["Config must be an object"],
+        warnings
+      };
+    }
+    const typedConfig = config;
+    if (!typedConfig.tiles) {
+      errors.push("Config missing required field: tiles");
+    }
+    if (!typedConfig.actions) {
+      errors.push("Config missing required field: actions");
+    }
+    if (!typedConfig.fetchedAt) {
+      errors.push("Config missing required field: fetchedAt");
+    }
+    if (errors.length > 0) {
+      return { valid: false, errors, warnings };
+    }
+    const configVersion = typedConfig.schemaVersion || "1.0";
+    const configVer = parseVersion(configVersion);
+    const sdkVer = parseVersion(SDK_SCHEMA_VERSION);
+    if (configVer.major > sdkVer.major) {
+      warnings.push(
+        `Config schema v${configVersion} is newer than SDK v${SDK_SCHEMA_VERSION}. Some features may not work. Update SDK to latest version.`
+      );
+    }
+    if (configVer.major < sdkVer.major || !typedConfig.schemaVersion) {
+      warnings.push(
+        `Config schema v${configVersion} is older than SDK v${SDK_SCHEMA_VERSION}. Migrating config to current version.`
+      );
+      return {
+        valid: true,
+        warnings,
+        errors,
+        migratedConfig: migrateConfig(typedConfig, configVersion)
+      };
+    }
+    return {
+      valid: true,
+      warnings,
+      errors
+    };
+  }
+  function migrateConfig(config, fromVersion) {
+    let migrated = { ...config };
+    const fromVer = parseVersion(fromVersion);
+    if (fromVer.major === 1) {
+      migrated = migrateV1ToV2(migrated);
+    }
+    migrated.schemaVersion = SDK_SCHEMA_VERSION;
+    return migrated;
+  }
+  function migrateV1ToV2(config) {
+    const migrated = {
+      schemaVersion: "2.0",
+      tiles: [],
+      actions: config.actions || [],
+      fetchedAt: config.fetchedAt || (/* @__PURE__ */ new Date()).toISOString()
+    };
+    if (config.tiles && Array.isArray(config.tiles)) {
+      migrated.tiles = config.tiles.map((tile) => {
+        const migratedTile = { ...tile };
+        if (tile.experiment && !tile.activation) {
+          const exp = tile.experiment;
+          if (exp.featureKey) {
+            migratedTile.activation = {
+              strategy: {
+                type: "external",
+                provider: "growthbook",
+                featureKey: exp.featureKey,
+                fallback: false
+              }
+            };
+          }
+          delete migratedTile.experiment;
+        }
+        return migratedTile;
+      });
+    }
+    if (config.configVersion) migrated.configVersion = config.configVersion;
+    if (config.canvasTitle) migrated.canvasTitle = config.canvasTitle;
+    if (config.theme) migrated.theme = config.theme;
+    if (config.launcher) migrated.launcher = config.launcher;
+    if (config.routes) migrated.routes = config.routes;
+    return migrated;
+  }
+  function needsMigration(config) {
+    if (!config || typeof config !== "object") {
+      return false;
+    }
+    const typedConfig = config;
+    const configVersion = typedConfig.schemaVersion || "1.0";
+    const configVer = parseVersion(configVersion);
+    const sdkVer = parseVersion(SDK_SCHEMA_VERSION);
+    return configVer.major < sdkVer.major || !typedConfig.schemaVersion;
+  }
+
   // ../../node_modules/posthog-js/dist/module.js
   var t = "undefined" != typeof window ? window : void 0;
   var i = "undefined" != typeof globalThis ? globalThis : t;
@@ -29568,7 +29688,7 @@ var SyntrologieSDK = (() => {
   function loadSDKVersion() {
     let version;
     try {
-      version = "1.6.3";
+      version = "1.6.4";
     } catch (e2) {
       version = "";
     }
@@ -30500,8 +30620,11 @@ var SyntrologieSDK = (() => {
     }
     return _regexCache[cacheKey];
   }
-  function evalConditionValue(condition, value, savedGroups) {
+  function evalConditionValue(condition, value, savedGroups, insensitive = false) {
     if (typeof condition === "string") {
+      if (insensitive) {
+        return String(value).toLowerCase() === condition.toLowerCase();
+      }
       return value + "" === condition;
     }
     if (typeof condition === "number") {
@@ -30546,12 +30669,33 @@ var SyntrologieSDK = (() => {
     }
     return false;
   }
-  function isIn(actual, expected) {
+  function isIn(actual, expected, insensitive = false) {
+    if (insensitive) {
+      const caseFold = (val) => typeof val === "string" ? val.toLowerCase() : val;
+      if (Array.isArray(actual)) {
+        return actual.some((el) => expected.some((exp) => caseFold(el) === caseFold(exp)));
+      }
+      return expected.some((exp) => caseFold(actual) === caseFold(exp));
+    }
     if (Array.isArray(actual)) {
       return actual.some((el) => expected.includes(el));
     }
     return expected.includes(actual);
   }
+  function isInAll(actual, expected, savedGroups, insensitive = false) {
+    if (!Array.isArray(actual)) return false;
+    for (let i2 = 0; i2 < expected.length; i2++) {
+      let passed = false;
+      for (let j2 = 0; j2 < actual.length; j2++) {
+        if (evalConditionValue(expected[i2], actual[j2], savedGroups, insensitive)) {
+          passed = true;
+          break;
+        }
+      }
+      if (!passed) return false;
+    }
+    return true;
+  }
   function evalOperatorCondition(operator, actual, expected, savedGroups) {
     switch (operator) {
       case "$veq":
@@ -30583,6 +30727,9 @@ var SyntrologieSDK = (() => {
       case "$in":
         if (!Array.isArray(expected)) return false;
         return isIn(actual, expected);
+      case "$ini":
+        if (!Array.isArray(expected)) return false;
+        return isIn(actual, expected, true);
       case "$inGroup":
         return isIn(actual, savedGroups[expected] || []);
       case "$notInGroup":
@@ -30590,6 +30737,9 @@ var SyntrologieSDK = (() => {
       case "$nin":
         if (!Array.isArray(expected)) return false;
         return !isIn(actual, expected);
+      case "$nini":
+        if (!Array.isArray(expected)) return false;
+        return !isIn(actual, expected, true);
       case "$not":
         return !evalConditionValue(expected, actual, savedGroups);
       case "$size":
@@ -30598,18 +30748,11 @@ var SyntrologieSDK = (() => {
       case "$elemMatch":
         return elemMatch(actual, expected, savedGroups);
       case "$all":
-        if (!Array.isArray(actual)) return false;
-        for (let i2 = 0; i2 < expected.length; i2++) {
-          let passed = false;
-          for (let j2 = 0; j2 < actual.length; j2++) {
-            if (evalConditionValue(expected[i2], actual[j2], savedGroups)) {
-              passed = true;
-              break;
-            }
-          }
-          if (!passed) return false;
-        }
-        return true;
+        if (!Array.isArray(expected)) return false;
+        return isInAll(actual, expected, savedGroups);
+      case "$alli":
+        if (!Array.isArray(expected)) return false;
+        return isInAll(actual, expected, savedGroups, true);
       case "$regex":
         try {
           return getRegex(expected).test(actual);
@@ -31431,13 +31574,13 @@ var SyntrologieSDK = (() => {
 
   // ../../node_modules/@growthbook/growthbook/dist/esm/GrowthBook.mjs
   var isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
-  var SDK_VERSION = loadSDKVersion();
+  var SDK_VERSION2 = loadSDKVersion();
   var GrowthBook = class {
     // context is technically private, but some tools depend on it so we can't mangle the name
     // Properties and methods that start with "_" are mangled by Terser (saves ~150 bytes)
     constructor(options) {
       options = options || {};
-      this.version = SDK_VERSION;
+      this.version = SDK_VERSION2;
       this._options = this.context = options;
       this._renderer = options.renderer || null;
       this._trackedExperiments = /* @__PURE__ */ new Set();
@@ -32325,7 +32468,7 @@ var SyntrologieSDK = (() => {
     fetcher,
     pollIntervalMs = 3e4,
     experiments,
-    runtime: runtime4
+    runtime: runtime3
   }) {
     const [state, setState] = (0, import_react.useState)({
       tiles: [],
@@ -32338,11 +32481,11 @@ var SyntrologieSDK = (() => {
         const response = await fetcher();
         debug("SmartCanvas Config", "Raw config response", response);
         let tiles = response.tiles || [];
-        if (runtime4 && response.routes) {
-          runtime4.setRoutes(response.routes);
+        if (runtime3 && response.routes) {
+          runtime3.setRoutes(response.routes);
         }
-        if (runtime4) {
-          tiles = await runtime4.filterTiles(tiles);
+        if (runtime3) {
+          tiles = await runtime3.filterTiles(tiles);
           if (experiments) {
             tiles = tiles.filter((tile) => experiments.shouldRenderRectangle(tile));
           }
@@ -32368,7 +32511,7 @@ var SyntrologieSDK = (() => {
           error: err instanceof Error ? err.message : "Unknown error"
         }));
       }
-    }, [experiments, fetcher, runtime4]);
+    }, [experiments, fetcher, runtime3]);
     (0, import_react.useEffect)(() => {
       load();
       if (!pollIntervalMs) return;
@@ -33371,24 +33514,24 @@ var SyntrologieSDK = (() => {
     runtime: null,
     context: null
   });
-  function RuntimeProvider({ runtime: runtime4, children }) {
+  function RuntimeProvider({ runtime: runtime3, children }) {
     const [context, setContext] = (0, import_react5.useState)(
-      runtime4 ? runtime4.context.get() : null
+      runtime3 ? runtime3.context.get() : null
     );
     (0, import_react5.useEffect)(() => {
-      if (!runtime4) return;
-      setContext(runtime4.context.get());
-      const unsubscribe2 = runtime4.context.subscribe((ctx) => {
+      if (!runtime3) return;
+      setContext(runtime3.context.get());
+      const unsubscribe2 = runtime3.context.subscribe((ctx) => {
         setContext(ctx);
       });
       return unsubscribe2;
-    }, [runtime4]);
-    const value = (0, import_react5.useMemo)(() => ({ runtime: runtime4, context }), [runtime4, context]);
+    }, [runtime3]);
+    const value = (0, import_react5.useMemo)(() => ({ runtime: runtime3, context }), [runtime3, context]);
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RuntimeReactContext.Provider, { value, children });
   }
   function useRuntime() {
-    const { runtime: runtime4 } = (0, import_react5.useContext)(RuntimeReactContext);
-    return runtime4;
+    const { runtime: runtime3 } = (0, import_react5.useContext)(RuntimeReactContext);
+    return runtime3;
   }
   function useRuntimeContext() {
     const { context } = (0, import_react5.useContext)(RuntimeReactContext);
@@ -33407,31 +33550,31 @@ var SyntrologieSDK = (() => {
     return context?.viewport ?? null;
   }
   function useRuntimeEvents(filter, callback, deps = []) {
-    const runtime4 = useRuntime();
+    const runtime3 = useRuntime();
     (0, import_react5.useEffect)(() => {
-      if (!runtime4) return;
-      const unsubscribe2 = filter ? runtime4.events.subscribe(filter, callback) : runtime4.events.subscribe(callback);
+      if (!runtime3) return;
+      const unsubscribe2 = filter ? runtime3.events.subscribe(filter, callback) : runtime3.events.subscribe(callback);
       return unsubscribe2;
-    }, [runtime4, ...deps]);
+    }, [runtime3, ...deps]);
   }
   function useRuntimeState() {
-    const runtime4 = useRuntime();
-    return runtime4?.state ?? null;
+    const runtime3 = useRuntime();
+    return runtime3?.state ?? null;
   }
   function useDecision(strategy, defaultValue) {
-    const runtime4 = useRuntime();
+    const runtime3 = useRuntime();
     const [result, setResult] = (0, import_react5.useState)({
       value: defaultValue,
       isFallback: true,
       isLoading: true
     });
     (0, import_react5.useEffect)(() => {
-      if (!runtime4 || !strategy) {
+      if (!runtime3 || !strategy) {
         setResult({ value: defaultValue, isFallback: true, isLoading: false });
         return;
       }
       let cancelled = false;
-      runtime4.evaluate(strategy).then((res) => {
+      runtime3.evaluate(strategy).then((res) => {
         if (!cancelled) {
           setResult({ value: res.value, isFallback: res.isFallback, isLoading: false });
         }
@@ -33439,7 +33582,7 @@ var SyntrologieSDK = (() => {
       return () => {
         cancelled = true;
       };
-    }, [runtime4, strategy, defaultValue]);
+    }, [runtime3, strategy, defaultValue]);
     return result;
   }
 
@@ -33564,7 +33707,7 @@ var SyntrologieSDK = (() => {
       { author: "Lumi", text: "Hi! Need clarity on a deduction?" }
     ]);
     const [input, setInput] = (0, import_react6.useState)("");
-    const runtime4 = useRuntime();
+    const runtime3 = useRuntime();
     const handleSubmit = (event) => {
       event.preventDefault();
       if (!input.trim()) return;
@@ -33579,9 +33722,9 @@ var SyntrologieSDK = (() => {
         ]);
       }, 600);
       telemetry?.trackAction("chatbot_message", config.id, surface);
-      if (runtime4) {
+      if (runtime3) {
         const event2 = CanvasEvents.tileAction(config.id, "chatbot_message", surface);
-        runtime4.events.publish(event2.name, event2.props, event2.source);
+        runtime3.events.publish(event2.name, event2.props, event2.source);
       }
       setInput("");
     };
@@ -33652,7 +33795,7 @@ var SyntrologieSDK = (() => {
     surface,
     telemetry,
     isExpanded,
-    runtime: runtime4
+    runtime: runtime3
   }) {
     const containerRef = (0, import_react6.useRef)(null);
     (0, import_react6.useEffect)(() => {
@@ -33662,12 +33805,12 @@ var SyntrologieSDK = (() => {
         surface,
         telemetry,
         isExpanded,
-        runtime: runtime4
+        runtime: runtime3
       });
       return () => {
         if (cleanup) cleanup();
       };
-    }, [renderer, config, surface, telemetry, isExpanded, runtime4]);
+    }, [renderer, config, surface, telemetry, isExpanded, runtime3]);
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: containerRef, style: { width: "100%", height: "100%" } });
   }
   function TileCard({
@@ -33680,16 +33823,16 @@ var SyntrologieSDK = (() => {
     onToggleExpand
   }) {
     const { title, subtitle, content, style: configStyle } = config;
-    const runtime4 = useRuntime();
+    const runtime3 = useRuntime();
     const trackAction = (0, import_react6.useCallback)(
       (actionId) => {
         telemetry?.trackAction(actionId, config.id, surface);
-        if (runtime4) {
+        if (runtime3) {
           const event = CanvasEvents.tileAction(config.id, actionId, surface);
-          runtime4.events.publish(event.name, event.props, event.source);
+          runtime3.events.publish(event.name, event.props, event.source);
         }
       },
-      [telemetry, runtime4, config.id, surface]
+      [telemetry, runtime3, config.id, surface]
     );
     const accentColor = configStyle?.accentColor ?? "#6366f1";
     const collapsedHeight = "72px";
@@ -33845,7 +33988,7 @@ var SyntrologieSDK = (() => {
               surface,
               telemetry,
               isExpanded,
-              runtime: runtime4
+              runtime: runtime3
             }
           );
         }
@@ -34089,29 +34232,29 @@ var SyntrologieSDK = (() => {
   }) {
     const [mounted, setMounted] = (0, import_react7.useState)(false);
     const [expandedId, setExpandedId] = (0, import_react7.useState)(null);
-    const runtime4 = useRuntime();
+    const runtime3 = useRuntime();
     const theme = { ...DEFAULT_THEME, ...themeOverride };
     const handleTileClick = (0, import_react7.useCallback)(
       (id) => {
         const wasExpanded = expandedId === id;
         setExpandedId(wasExpanded ? null : id);
-        if (runtime4) {
+        if (runtime3) {
           const event = wasExpanded ? CanvasEvents.tileCollapsed(id, "overlay") : CanvasEvents.tileExpanded(id, "overlay");
-          runtime4.events.publish(event.name, event.props, event.source);
+          runtime3.events.publish(event.name, event.props, event.source);
         }
       },
-      [expandedId, runtime4]
+      [expandedId, runtime3]
     );
     (0, import_react7.useEffect)(() => {
       if (!isOpen) return;
       tiles.forEach((tile) => {
         telemetry?.trackRectangleViewed(tile.id, "overlay");
-        if (runtime4) {
+        if (runtime3) {
           const event = CanvasEvents.tileViewed(tile.id, "overlay");
-          runtime4.events.publish(event.name, event.props, event.source);
+          runtime3.events.publish(event.name, event.props, event.source);
         }
       });
-    }, [telemetry, runtime4, isOpen, tiles]);
+    }, [telemetry, runtime3, isOpen, tiles]);
     (0, import_react7.useEffect)(() => {
       setMounted(true);
       ensureLauncherStyles();
@@ -34123,12 +34266,12 @@ var SyntrologieSDK = (() => {
       } else {
         telemetry?.trackCanvasClosed("overlay");
       }
-      if (runtime4) {
+      if (runtime3) {
         const event = next ? CanvasEvents.canvasOpened("overlay") : CanvasEvents.canvasClosed("overlay");
-        runtime4.events.publish(event.name, event.props, event.source);
+        runtime3.events.publish(event.name, event.props, event.source);
       }
       onToggle();
-    }, [isOpen, telemetry, runtime4, onToggle]);
+    }, [isOpen, telemetry, runtime3, onToggle]);
     const isFocused = displayMode === "focused";
     const isRight = theme.position === "right";
     const bgColor = theme.colorBackground || "#1c1c1e";
@@ -34535,7 +34678,13 @@ var SyntrologieSDK = (() => {
         throw new Error(`SmartCanvas: config URI not allowed: ${uri}`);
       }
       const effectiveCredentials = credentials ?? (isSameOrigin(uri) ? "include" : "omit");
-      const response = await fetch(uri, { credentials: effectiveCredentials });
+      const response = await fetch(uri, {
+        credentials: effectiveCredentials,
+        headers: {
+          "X-SDK-Version": SDK_VERSION,
+          "X-SDK-Schema-Version": SDK_SCHEMA_VERSION
+        }
+      });
       if (!response.ok) {
         throw new Error(`SmartCanvas: failed to fetch config (${response.status})`);
       }
@@ -34574,7 +34723,7 @@ var SyntrologieSDK = (() => {
     pollIntervalMs,
     experiments,
     telemetry,
-    runtime: runtime4,
+    runtime: runtime3,
     overlayFetcher,
     overlayConfigUri,
     overlayConfigFeatureKey = "smart-canvas-overlay-uri",
@@ -34585,8 +34734,8 @@ var SyntrologieSDK = (() => {
     customRenderers,
     theme
   }) {
-    if (runtime4) {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RuntimeProvider, { runtime: runtime4, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    if (runtime3) {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RuntimeProvider, { runtime: runtime3, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         SmartCanvasAppInner,
         {
           controller,
@@ -34598,7 +34747,7 @@ var SyntrologieSDK = (() => {
           pollIntervalMs,
           experiments,
           telemetry,
-          runtime: runtime4,
+          runtime: runtime3,
           overlayFetcher,
           overlayConfigUri,
           overlayConfigFeatureKey,
@@ -34645,7 +34794,7 @@ var SyntrologieSDK = (() => {
     pollIntervalMs,
     experiments,
     telemetry,
-    runtime: runtime4,
+    runtime: runtime3,
     overlayFetcher: _overlayFetcher,
     overlayConfigUri: _overlayConfigUri,
     overlayConfigFeatureKey: _overlayConfigFeatureKey = "smart-canvas-overlay-uri",
@@ -34663,7 +34812,7 @@ var SyntrologieSDK = (() => {
     );
     const pathname = pageContext?.url ? new URL(pageContext.url).pathname : localPathname;
     (0, import_react9.useEffect)(() => {
-      if (runtime4) return;
+      if (runtime3) return;
       if (typeof window === "undefined") return;
       const updatePathname = () => setLocalPathname(window.location.pathname);
       window.addEventListener("popstate", updatePathname);
@@ -34682,7 +34831,7 @@ var SyntrologieSDK = (() => {
         history.pushState = originalPushState;
         history.replaceState = originalReplaceState;
       };
-    }, [runtime4]);
+    }, [runtime3]);
     const derivedFetcher = (0, import_react9.useMemo)(() => {
       if (fetcher) return fetcher;
       return createCanvasConfigFetcher({
@@ -34697,7 +34846,7 @@ var SyntrologieSDK = (() => {
       fetcher: derivedFetcher,
       pollIntervalMs,
       experiments,
-      runtime: runtime4
+      runtime: runtime3
     });
     const hasContent = configState.tiles.length > 0 && !configState.error;
     (0, import_react9.useEffect)(() => controller.subscribe((state) => setOpen(state.open)), [controller]);
@@ -34707,12 +34856,12 @@ var SyntrologieSDK = (() => {
       }
     }, [controller, hasContent]);
     (0, import_react9.useEffect)(() => {
-      if (runtime4?.actions && configState.actions.length > 0) {
-        runtime4.actions.applyBatch(configState.actions).catch((err) => {
+      if (runtime3?.actions && configState.actions.length > 0) {
+        runtime3.actions.applyBatch(configState.actions).catch((err) => {
           console.error("[SmartCanvas] Failed to apply actions:", err);
         });
       }
-    }, [runtime4, configState.actions]);
+    }, [runtime3, configState.actions]);
     const mergedTheme = (0, import_react9.useMemo)(() => {
       const configTheme = configState.theme;
       if (!configTheme) return theme;
@@ -35141,15 +35290,15 @@ var SyntrologieSDK = (() => {
     let currentFetcher = null;
     let currentBatchHandle = null;
     let isEnabled = true;
-    const runtime4 = config.runtime;
+    const runtime3 = config.runtime;
     async function applyActions(actions) {
-      if (!runtime4?.actions || actions.length === 0) {
+      if (!runtime3?.actions || actions.length === 0) {
         return;
       }
       if (currentBatchHandle?.isApplied()) {
         await currentBatchHandle.revertAll();
       }
-      currentBatchHandle = await runtime4.actions.applyBatch(actions);
+      currentBatchHandle = await runtime3.actions.applyBatch(actions);
     }
     async function revertActions() {
       if (currentBatchHandle?.isApplied()) {
@@ -35162,7 +35311,7 @@ var SyntrologieSDK = (() => {
         currentFetcher = config.fetcher;
         const canvasConfig = await config.fetcher();
         currentConfig = canvasConfig;
-        if (canvasConfig.actions && canvasConfig.actions.length > 0 && runtime4?.actions) {
+        if (canvasConfig.actions && canvasConfig.actions.length > 0 && runtime3?.actions) {
           await applyActions(canvasConfig.actions);
         }
       } catch (error2) {
@@ -35211,7 +35360,7 @@ var SyntrologieSDK = (() => {
       pollIntervalMs: config.pollIntervalMs,
       experiments,
       telemetry,
-      runtime: runtime4,
+      runtime: runtime3,
       overlayFetcher: config.overlayFetcher,
       overlayConfigUri: config.overlayConfigUri,
       overlayConfigFeatureKey: config.overlayConfigFeatureKey,
@@ -35280,7 +35429,7 @@ var SyntrologieSDK = (() => {
       startSessionRecording: () => {
         telemetry?.startSessionRecording?.();
       },
-      runtime: runtime4
+      runtime: runtime3
     };
     if (typeof window !== "undefined") {
       const isDev = true;
@@ -41309,16 +41458,72 @@ var SyntrologieSDK = (() => {
     }
     return coords;
   }
+  async function detectOverflow(state, options) {
+    var _await$platform$isEle;
+    if (options === void 0) {
+      options = {};
+    }
+    const {
+      x: x2,
+      y: y2,
+      platform: platform2,
+      rects,
+      elements: elements2,
+      strategy
+    } = state;
+    const {
+      boundary = "clippingAncestors",
+      rootBoundary = "viewport",
+      elementContext = "floating",
+      altBoundary = false,
+      padding = 0
+    } = evaluate2(options, state);
+    const paddingObject = getPaddingObject(padding);
+    const altContext = elementContext === "floating" ? "reference" : "floating";
+    const element = elements2[altBoundary ? altContext : elementContext];
+    const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
+      element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements2.floating)),
+      boundary,
+      rootBoundary,
+      strategy
+    }));
+    const rect = elementContext === "floating" ? {
+      x: x2,
+      y: y2,
+      width: rects.floating.width,
+      height: rects.floating.height
+    } : rects.reference;
+    const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements2.floating));
+    const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
+      x: 1,
+      y: 1
+    } : {
+      x: 1,
+      y: 1
+    };
+    const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
+      elements: elements2,
+      rect,
+      offsetParent,
+      strategy
+    }) : rect);
+    return {
+      top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+      bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+      left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+      right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+    };
+  }
   var computePosition = async (reference, floating, config) => {
     const {
       placement = "bottom",
       strategy = "absolute",
       middleware = [],
-      platform: platform3
+      platform: platform2
     } = config;
     const validMiddleware = middleware.filter(Boolean);
-    const rtl = await (platform3.isRTL == null ? void 0 : platform3.isRTL(floating));
-    let rects = await platform3.getElementRects({
+    const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
+    let rects = await platform2.getElementRects({
       reference,
       floating,
       strategy
@@ -41331,6 +41536,7 @@ var SyntrologieSDK = (() => {
     let middlewareData = {};
     let resetCount = 0;
     for (let i2 = 0; i2 < validMiddleware.length; i2++) {
+      var _platform$detectOverf;
       const {
         name,
         fn: fn2
@@ -41348,7 +41554,10 @@ var SyntrologieSDK = (() => {
         strategy,
         middlewareData,
         rects,
-        platform: platform3,
+        platform: {
+          ...platform2,
+          detectOverflow: (_platform$detectOverf = platform2.detectOverflow) != null ? _platform$detectOverf : detectOverflow
+        },
         elements: {
           reference,
           floating
@@ -41370,7 +41579,7 @@ var SyntrologieSDK = (() => {
             statefulPlacement = reset.placement;
           }
           if (reset.rects) {
-            rects = reset.rects === true ? await platform3.getElementRects({
+            rects = reset.rects === true ? await platform2.getElementRects({
               reference,
               floating,
               strategy
@@ -41392,62 +41601,6 @@ var SyntrologieSDK = (() => {
       middlewareData
     };
   };
-  async function detectOverflow(state, options) {
-    var _await$platform$isEle;
-    if (options === void 0) {
-      options = {};
-    }
-    const {
-      x: x2,
-      y: y2,
-      platform: platform3,
-      rects,
-      elements: elements2,
-      strategy
-    } = state;
-    const {
-      boundary = "clippingAncestors",
-      rootBoundary = "viewport",
-      elementContext = "floating",
-      altBoundary = false,
-      padding = 0
-    } = evaluate2(options, state);
-    const paddingObject = getPaddingObject(padding);
-    const altContext = elementContext === "floating" ? "reference" : "floating";
-    const element = elements2[altBoundary ? altContext : elementContext];
-    const clippingClientRect = rectToClientRect(await platform3.getClippingRect({
-      element: ((_await$platform$isEle = await (platform3.isElement == null ? void 0 : platform3.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform3.getDocumentElement == null ? void 0 : platform3.getDocumentElement(elements2.floating)),
-      boundary,
-      rootBoundary,
-      strategy
-    }));
-    const rect = elementContext === "floating" ? {
-      x: x2,
-      y: y2,
-      width: rects.floating.width,
-      height: rects.floating.height
-    } : rects.reference;
-    const offsetParent = await (platform3.getOffsetParent == null ? void 0 : platform3.getOffsetParent(elements2.floating));
-    const offsetScale = await (platform3.isElement == null ? void 0 : platform3.isElement(offsetParent)) ? await (platform3.getScale == null ? void 0 : platform3.getScale(offsetParent)) || {
-      x: 1,
-      y: 1
-    } : {
-      x: 1,
-      y: 1
-    };
-    const elementClientRect = rectToClientRect(platform3.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform3.convertOffsetParentRelativeRectToViewportRelativeRect({
-      elements: elements2,
-      rect,
-      offsetParent,
-      strategy
-    }) : rect);
-    return {
-      top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-      bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-      left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-      right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-    };
-  }
   var arrow = (options) => ({
     name: "arrow",
     options,
@@ -41457,7 +41610,7 @@ var SyntrologieSDK = (() => {
         y: y2,
         placement,
         rects,
-        platform: platform3,
+        platform: platform2,
         elements: elements2,
         middlewareData
       } = state;
@@ -41475,16 +41628,16 @@ var SyntrologieSDK = (() => {
       };
       const axis = getAlignmentAxis(placement);
       const length = getAxisLength(axis);
-      const arrowDimensions = await platform3.getDimensions(element);
+      const arrowDimensions = await platform2.getDimensions(element);
       const isYAxis = axis === "y";
       const minProp = isYAxis ? "top" : "left";
       const maxProp = isYAxis ? "bottom" : "right";
       const clientProp = isYAxis ? "clientHeight" : "clientWidth";
       const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
       const startDiff = coords[axis] - rects.reference[axis];
-      const arrowOffsetParent = await (platform3.getOffsetParent == null ? void 0 : platform3.getOffsetParent(element));
+      const arrowOffsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element));
       let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
-      if (!clientSize || !await (platform3.isElement == null ? void 0 : platform3.isElement(arrowOffsetParent))) {
+      if (!clientSize || !await (platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent))) {
         clientSize = elements2.floating[clientProp] || rects.floating[length];
       }
       const centerToReference = endDiff / 2 - startDiff / 2;
@@ -41494,14 +41647,14 @@ var SyntrologieSDK = (() => {
       const min$1 = minPadding;
       const max2 = clientSize - arrowDimensions[length] - maxPadding;
       const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-      const offset4 = clamp(min$1, center, max2);
-      const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset4 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+      const offset3 = clamp(min$1, center, max2);
+      const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
       const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
       return {
         [axis]: coords[axis] + alignmentOffset,
         data: {
-          [axis]: offset4,
-          centerOffset: center - offset4 - alignmentOffset,
+          [axis]: offset3,
+          centerOffset: center - offset3 - alignmentOffset,
           ...shouldAddOffset && {
             alignmentOffset
           }
@@ -41524,7 +41677,7 @@ var SyntrologieSDK = (() => {
           middlewareData,
           rects,
           initialPlacement,
-          platform: platform3,
+          platform: platform2,
           elements: elements2
         } = state;
         const {
@@ -41542,14 +41695,14 @@ var SyntrologieSDK = (() => {
         const side = getSide(placement);
         const initialSideAxis = getSideAxis(initialPlacement);
         const isBasePlacement = getSide(initialPlacement) === initialPlacement;
-        const rtl = await (platform3.isRTL == null ? void 0 : platform3.isRTL(elements2.floating));
+        const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements2.floating));
         const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
         const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
         if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
           fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
         }
         const placements2 = [initialPlacement, ...fallbackPlacements];
-        const overflow = await detectOverflow(state, detectOverflowOptions);
+        const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
         const overflows = [];
         let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
         if (checkMainAxis) {
@@ -41639,7 +41792,8 @@ var SyntrologieSDK = (() => {
       options,
       async fn(state) {
         const {
-          rects
+          rects,
+          platform: platform2
         } = state;
         const {
           strategy = "referenceHidden",
@@ -41647,7 +41801,7 @@ var SyntrologieSDK = (() => {
         } = evaluate2(options, state);
         switch (strategy) {
           case "referenceHidden": {
-            const overflow = await detectOverflow(state, {
+            const overflow = await platform2.detectOverflow(state, {
               ...detectOverflowOptions,
               elementContext: "reference"
             });
@@ -41660,7 +41814,7 @@ var SyntrologieSDK = (() => {
             };
           }
           case "escaped": {
-            const overflow = await detectOverflow(state, {
+            const overflow = await platform2.detectOverflow(state, {
               ...detectOverflowOptions,
               altBoundary: true
             });
@@ -41683,10 +41837,10 @@ var SyntrologieSDK = (() => {
   async function convertValueToCoords(state, options) {
     const {
       placement,
-      platform: platform3,
+      platform: platform2,
       elements: elements2
     } = state;
-    const rtl = await (platform3.isRTL == null ? void 0 : platform3.isRTL(elements2.floating));
+    const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements2.floating));
     const side = getSide(placement);
     const alignment = getAlignment(placement);
     const isVertical = getSideAxis(placement) === "y";
@@ -41758,7 +41912,8 @@ var SyntrologieSDK = (() => {
         const {
           x: x2,
           y: y2,
-          placement
+          placement,
+          platform: platform2
         } = state;
         const {
           mainAxis: checkMainAxis = true,
@@ -41781,7 +41936,7 @@ var SyntrologieSDK = (() => {
           x: x2,
           y: y2
         };
-        const overflow = await detectOverflow(state, detectOverflowOptions);
+        const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
         const crossAxis = getSideAxis(getSide(placement));
         const mainAxis = getOppositeAxis(crossAxis);
         let mainAxisCoord = coords[mainAxis];
@@ -42098,9 +42253,15 @@ var SyntrologieSDK = (() => {
     }
     return rect.left + leftScroll;
   }
-  function getHTMLOffset(documentElement, scroll) {
+  function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
+    if (ignoreScrollbarX === void 0) {
+      ignoreScrollbarX = false;
+    }
     const htmlRect = documentElement.getBoundingClientRect();
-    const x2 = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
+    const x2 = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
+      // RTL <body> scrollbar.
+      getWindowScrollBarX(documentElement, htmlRect)
+    ));
     const y2 = htmlRect.top + scroll.scrollTop;
     return {
       x: x2,
@@ -42138,7 +42299,7 @@ var SyntrologieSDK = (() => {
         offsets.y = offsetRect.y + offsetParent.clientTop;
       }
     }
-    const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+    const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
     return {
       width: rect.width * scale.x,
       height: rect.height * scale.y,
@@ -42167,7 +42328,6 @@ var SyntrologieSDK = (() => {
       y: y2
     };
   }
-  var SCROLLBAR_MAX = 25;
   function getViewportRect(element, strategy) {
     const win = getWindow(element);
     const html2 = getDocumentElement(element);
@@ -42185,19 +42345,6 @@ var SyntrologieSDK = (() => {
         y2 = visualViewport.offsetTop;
       }
     }
-    const windowScrollbarX = getWindowScrollBarX(html2);
-    if (windowScrollbarX <= 0) {
-      const doc = html2.ownerDocument;
-      const body = doc.body;
-      const bodyStyles = getComputedStyle(body);
-      const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
-      const clippingStableScrollbarWidth = Math.abs(html2.clientWidth - body.clientWidth - bodyMarginInline);
-      if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
-        width -= clippingStableScrollbarWidth;
-      }
-    } else if (windowScrollbarX <= SCROLLBAR_MAX) {
-      width += windowScrollbarX;
-    }
     return {
       width,
       height,
@@ -42205,7 +42352,6 @@ var SyntrologieSDK = (() => {
       y: y2
     };
   }
-  var absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
   function getInnerBoundingClientRect(element, strategy) {
     const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
     const top = clientRect.top + element.clientTop;
@@ -42263,7 +42409,7 @@ var SyntrologieSDK = (() => {
       if (!currentNodeIsContaining && computedStyle.position === "fixed") {
         currentContainingBlockComputedStyle = null;
       }
-      const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+      const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
       if (shouldDropCurrentNode) {
         result = result.filter((ancestor) => ancestor !== currentNode);
       } else {
@@ -42319,9 +42465,6 @@ var SyntrologieSDK = (() => {
       scrollTop: 0
     };
     const offsets = createCoords(0);
-    function setLeftRTLScrollbarOffset() {
-      offsets.x = getWindowScrollBarX(documentElement);
-    }
     if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
       if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
         scroll = getNodeScroll(offsetParent);
@@ -42331,12 +42474,9 @@ var SyntrologieSDK = (() => {
         offsets.x = offsetRect.x + offsetParent.clientLeft;
         offsets.y = offsetRect.y + offsetParent.clientTop;
       } else if (documentElement) {
-        setLeftRTLScrollbarOffset();
+        offsets.x = getWindowScrollBarX(documentElement);
       }
     }
-    if (isFixed && !isOffsetParentAnElement && documentElement) {
-      setLeftRTLScrollbarOffset();
-    }
     const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
     const x2 = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
     const y2 = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
@@ -42485,7 +42625,7 @@ var SyntrologieSDK = (() => {
           // Handle <iframe>s
           root: root.ownerDocument
         });
-      } catch (_e2) {
+      } catch (e2) {
         io2 = new IntersectionObserver(handleObserve, options);
       }
       io2.observe(element);
@@ -43239,64 +43379,6 @@ var SyntrologieSDK = (() => {
     executors: executors2
   };
 
-  // ../adaptives/adaptive-navigation/dist/runtime.js
-  var executeScrollTo = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
-    if (!anchorEl) {
-      throw new Error(`Anchor not found: ${action.anchorId}`);
-    }
-    const _scrollXBefore = window.scrollX;
-    const _scrollYBefore = window.scrollY;
-    anchorEl.scrollIntoView({
-      behavior: action.behavior ?? "smooth",
-      block: action.block ?? "center",
-      inline: action.inline ?? "nearest"
-    });
-    context.publishEvent("action.applied", {
-      id: context.generateId(),
-      kind: "navigation:scrollTo",
-      anchorId: action.anchorId,
-      behavior: action.behavior ?? "smooth"
-    });
-    return {
-      cleanup: () => {
-      }
-    };
-  };
-  var executeNavigate = async (action, context) => {
-    const url = action.url.trim();
-    if (url.toLowerCase().startsWith("javascript:")) {
-      throw new Error("javascript: URLs are not allowed");
-    }
-    const target = action.target ?? "_self";
-    context.publishEvent("action.applied", {
-      id: context.generateId(),
-      kind: "navigation:navigate",
-      url: action.url,
-      target
-    });
-    if (target === "_blank") {
-      window.open(url, "_blank", "noopener,noreferrer");
-    } else {
-      window.location.href = url;
-    }
-    return {
-      cleanup: () => {
-      }
-    };
-  };
-  var executors3 = [
-    { kind: "navigation:scrollTo", executor: executeScrollTo },
-    { kind: "navigation:navigate", executor: executeNavigate }
-  ];
-  var runtime3 = {
-    id: "adaptive-navigation",
-    version: "1.0.0",
-    name: "Navigation",
-    description: "Scroll and page navigation actions",
-    executors: executors3
-  };
-
   // src/actions/executors/tour.ts
   var ACTIVE_TOUR_KEY = "syntro_active_tour";
   var activeTours = /* @__PURE__ */ new Map();
@@ -43557,9 +43639,6 @@ var SyntrologieSDK = (() => {
       for (const { kind, executor } of executors2) {
         this.registerCore(kind, executor);
       }
-      for (const { kind, executor } of executors3) {
-        this.registerCore(kind, executor);
-      }
       this.registerCore("core:mountWidget", async () => {
         throw new Error("core:mountWidget must be handled by ActionEngine");
       });
@@ -44594,598 +44673,6 @@ var SyntrologieSDK = (() => {
     return tpl.innerHTML = root.firstChild ? tpl.innerHTML : tpl.innerHTML;
   }
 
-  // node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-  function getCssDimensions2(element) {
-    const css = getComputedStyle2(element);
-    let width = parseFloat(css.width) || 0;
-    let height = parseFloat(css.height) || 0;
-    const hasOffset = isHTMLElement(element);
-    const offsetWidth = hasOffset ? element.offsetWidth : width;
-    const offsetHeight = hasOffset ? element.offsetHeight : height;
-    const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
-    if (shouldFallback) {
-      width = offsetWidth;
-      height = offsetHeight;
-    }
-    return {
-      width,
-      height,
-      $: shouldFallback
-    };
-  }
-  function unwrapElement2(element) {
-    return !isElement(element) ? element.contextElement : element;
-  }
-  function getScale2(element) {
-    const domElement = unwrapElement2(element);
-    if (!isHTMLElement(domElement)) {
-      return createCoords(1);
-    }
-    const rect = domElement.getBoundingClientRect();
-    const {
-      width,
-      height,
-      $
-    } = getCssDimensions2(domElement);
-    let x2 = ($ ? round(rect.width) : rect.width) / width;
-    let y2 = ($ ? round(rect.height) : rect.height) / height;
-    if (!x2 || !Number.isFinite(x2)) {
-      x2 = 1;
-    }
-    if (!y2 || !Number.isFinite(y2)) {
-      y2 = 1;
-    }
-    return {
-      x: x2,
-      y: y2
-    };
-  }
-  var noOffsets2 = /* @__PURE__ */ createCoords(0);
-  function getVisualOffsets2(element) {
-    const win = getWindow(element);
-    if (!isWebKit() || !win.visualViewport) {
-      return noOffsets2;
-    }
-    return {
-      x: win.visualViewport.offsetLeft,
-      y: win.visualViewport.offsetTop
-    };
-  }
-  function shouldAddVisualOffsets2(element, isFixed, floatingOffsetParent) {
-    if (isFixed === void 0) {
-      isFixed = false;
-    }
-    if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
-      return false;
-    }
-    return isFixed;
-  }
-  function getBoundingClientRect2(element, includeScale, isFixedStrategy, offsetParent) {
-    if (includeScale === void 0) {
-      includeScale = false;
-    }
-    if (isFixedStrategy === void 0) {
-      isFixedStrategy = false;
-    }
-    const clientRect = element.getBoundingClientRect();
-    const domElement = unwrapElement2(element);
-    let scale = createCoords(1);
-    if (includeScale) {
-      if (offsetParent) {
-        if (isElement(offsetParent)) {
-          scale = getScale2(offsetParent);
-        }
-      } else {
-        scale = getScale2(element);
-      }
-    }
-    const visualOffsets = shouldAddVisualOffsets2(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets2(domElement) : createCoords(0);
-    let x2 = (clientRect.left + visualOffsets.x) / scale.x;
-    let y2 = (clientRect.top + visualOffsets.y) / scale.y;
-    let width = clientRect.width / scale.x;
-    let height = clientRect.height / scale.y;
-    if (domElement) {
-      const win = getWindow(domElement);
-      const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
-      let currentWin = win;
-      let currentIFrame = getFrameElement(currentWin);
-      while (currentIFrame && offsetParent && offsetWin !== currentWin) {
-        const iframeScale = getScale2(currentIFrame);
-        const iframeRect = currentIFrame.getBoundingClientRect();
-        const css = getComputedStyle2(currentIFrame);
-        const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
-        const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
-        x2 *= iframeScale.x;
-        y2 *= iframeScale.y;
-        width *= iframeScale.x;
-        height *= iframeScale.y;
-        x2 += left;
-        y2 += top;
-        currentWin = getWindow(currentIFrame);
-        currentIFrame = getFrameElement(currentWin);
-      }
-    }
-    return rectToClientRect({
-      width,
-      height,
-      x: x2,
-      y: y2
-    });
-  }
-  function getWindowScrollBarX2(element, rect) {
-    const leftScroll = getNodeScroll(element).scrollLeft;
-    if (!rect) {
-      return getBoundingClientRect2(getDocumentElement(element)).left + leftScroll;
-    }
-    return rect.left + leftScroll;
-  }
-  function getHTMLOffset2(documentElement, scroll, ignoreScrollbarX) {
-    if (ignoreScrollbarX === void 0) {
-      ignoreScrollbarX = false;
-    }
-    const htmlRect = documentElement.getBoundingClientRect();
-    const x2 = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
-      // RTL <body> scrollbar.
-      getWindowScrollBarX2(documentElement, htmlRect)
-    ));
-    const y2 = htmlRect.top + scroll.scrollTop;
-    return {
-      x: x2,
-      y: y2
-    };
-  }
-  function convertOffsetParentRelativeRectToViewportRelativeRect2(_ref) {
-    let {
-      elements: elements2,
-      rect,
-      offsetParent,
-      strategy
-    } = _ref;
-    const isFixed = strategy === "fixed";
-    const documentElement = getDocumentElement(offsetParent);
-    const topLayer = elements2 ? isTopLayer(elements2.floating) : false;
-    if (offsetParent === documentElement || topLayer && isFixed) {
-      return rect;
-    }
-    let scroll = {
-      scrollLeft: 0,
-      scrollTop: 0
-    };
-    let scale = createCoords(1);
-    const offsets = createCoords(0);
-    const isOffsetParentAnElement = isHTMLElement(offsetParent);
-    if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-      if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-        scroll = getNodeScroll(offsetParent);
-      }
-      if (isHTMLElement(offsetParent)) {
-        const offsetRect = getBoundingClientRect2(offsetParent);
-        scale = getScale2(offsetParent);
-        offsets.x = offsetRect.x + offsetParent.clientLeft;
-        offsets.y = offsetRect.y + offsetParent.clientTop;
-      }
-    }
-    const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset2(documentElement, scroll, true) : createCoords(0);
-    return {
-      width: rect.width * scale.x,
-      height: rect.height * scale.y,
-      x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
-      y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
-    };
-  }
-  function getClientRects2(element) {
-    return Array.from(element.getClientRects());
-  }
-  function getDocumentRect2(element) {
-    const html2 = getDocumentElement(element);
-    const scroll = getNodeScroll(element);
-    const body = element.ownerDocument.body;
-    const width = max(html2.scrollWidth, html2.clientWidth, body.scrollWidth, body.clientWidth);
-    const height = max(html2.scrollHeight, html2.clientHeight, body.scrollHeight, body.clientHeight);
-    let x2 = -scroll.scrollLeft + getWindowScrollBarX2(element);
-    const y2 = -scroll.scrollTop;
-    if (getComputedStyle2(body).direction === "rtl") {
-      x2 += max(html2.clientWidth, body.clientWidth) - width;
-    }
-    return {
-      width,
-      height,
-      x: x2,
-      y: y2
-    };
-  }
-  function getViewportRect2(element, strategy) {
-    const win = getWindow(element);
-    const html2 = getDocumentElement(element);
-    const visualViewport = win.visualViewport;
-    let width = html2.clientWidth;
-    let height = html2.clientHeight;
-    let x2 = 0;
-    let y2 = 0;
-    if (visualViewport) {
-      width = visualViewport.width;
-      height = visualViewport.height;
-      const visualViewportBased = isWebKit();
-      if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
-        x2 = visualViewport.offsetLeft;
-        y2 = visualViewport.offsetTop;
-      }
-    }
-    return {
-      width,
-      height,
-      x: x2,
-      y: y2
-    };
-  }
-  function getInnerBoundingClientRect2(element, strategy) {
-    const clientRect = getBoundingClientRect2(element, true, strategy === "fixed");
-    const top = clientRect.top + element.clientTop;
-    const left = clientRect.left + element.clientLeft;
-    const scale = isHTMLElement(element) ? getScale2(element) : createCoords(1);
-    const width = element.clientWidth * scale.x;
-    const height = element.clientHeight * scale.y;
-    const x2 = left * scale.x;
-    const y2 = top * scale.y;
-    return {
-      width,
-      height,
-      x: x2,
-      y: y2
-    };
-  }
-  function getClientRectFromClippingAncestor2(element, clippingAncestor, strategy) {
-    let rect;
-    if (clippingAncestor === "viewport") {
-      rect = getViewportRect2(element, strategy);
-    } else if (clippingAncestor === "document") {
-      rect = getDocumentRect2(getDocumentElement(element));
-    } else if (isElement(clippingAncestor)) {
-      rect = getInnerBoundingClientRect2(clippingAncestor, strategy);
-    } else {
-      const visualOffsets = getVisualOffsets2(element);
-      rect = {
-        x: clippingAncestor.x - visualOffsets.x,
-        y: clippingAncestor.y - visualOffsets.y,
-        width: clippingAncestor.width,
-        height: clippingAncestor.height
-      };
-    }
-    return rectToClientRect(rect);
-  }
-  function hasFixedPositionAncestor2(element, stopNode) {
-    const parentNode = getParentNode(element);
-    if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
-      return false;
-    }
-    return getComputedStyle2(parentNode).position === "fixed" || hasFixedPositionAncestor2(parentNode, stopNode);
-  }
-  function getClippingElementAncestors2(element, cache2) {
-    const cachedResult = cache2.get(element);
-    if (cachedResult) {
-      return cachedResult;
-    }
-    let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
-    let currentContainingBlockComputedStyle = null;
-    const elementIsFixed = getComputedStyle2(element).position === "fixed";
-    let currentNode = elementIsFixed ? getParentNode(element) : element;
-    while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-      const computedStyle = getComputedStyle2(currentNode);
-      const currentNodeIsContaining = isContainingBlock(currentNode);
-      if (!currentNodeIsContaining && computedStyle.position === "fixed") {
-        currentContainingBlockComputedStyle = null;
-      }
-      const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor2(element, currentNode);
-      if (shouldDropCurrentNode) {
-        result = result.filter((ancestor) => ancestor !== currentNode);
-      } else {
-        currentContainingBlockComputedStyle = computedStyle;
-      }
-      currentNode = getParentNode(currentNode);
-    }
-    cache2.set(element, result);
-    return result;
-  }
-  function getClippingRect2(_ref) {
-    let {
-      element,
-      boundary,
-      rootBoundary,
-      strategy
-    } = _ref;
-    const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors2(element, this._c) : [].concat(boundary);
-    const clippingAncestors = [...elementClippingAncestors, rootBoundary];
-    const firstClippingAncestor = clippingAncestors[0];
-    const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
-      const rect = getClientRectFromClippingAncestor2(element, clippingAncestor, strategy);
-      accRect.top = max(rect.top, accRect.top);
-      accRect.right = min(rect.right, accRect.right);
-      accRect.bottom = min(rect.bottom, accRect.bottom);
-      accRect.left = max(rect.left, accRect.left);
-      return accRect;
-    }, getClientRectFromClippingAncestor2(element, firstClippingAncestor, strategy));
-    return {
-      width: clippingRect.right - clippingRect.left,
-      height: clippingRect.bottom - clippingRect.top,
-      x: clippingRect.left,
-      y: clippingRect.top
-    };
-  }
-  function getDimensions2(element) {
-    const {
-      width,
-      height
-    } = getCssDimensions2(element);
-    return {
-      width,
-      height
-    };
-  }
-  function getRectRelativeToOffsetParent2(element, offsetParent, strategy) {
-    const isOffsetParentAnElement = isHTMLElement(offsetParent);
-    const documentElement = getDocumentElement(offsetParent);
-    const isFixed = strategy === "fixed";
-    const rect = getBoundingClientRect2(element, true, isFixed, offsetParent);
-    let scroll = {
-      scrollLeft: 0,
-      scrollTop: 0
-    };
-    const offsets = createCoords(0);
-    if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-      if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-        scroll = getNodeScroll(offsetParent);
-      }
-      if (isOffsetParentAnElement) {
-        const offsetRect = getBoundingClientRect2(offsetParent, true, isFixed, offsetParent);
-        offsets.x = offsetRect.x + offsetParent.clientLeft;
-        offsets.y = offsetRect.y + offsetParent.clientTop;
-      } else if (documentElement) {
-        offsets.x = getWindowScrollBarX2(documentElement);
-      }
-    }
-    const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset2(documentElement, scroll) : createCoords(0);
-    const x2 = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
-    const y2 = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
-    return {
-      x: x2,
-      y: y2,
-      width: rect.width,
-      height: rect.height
-    };
-  }
-  function isStaticPositioned2(element) {
-    return getComputedStyle2(element).position === "static";
-  }
-  function getTrueOffsetParent2(element, polyfill) {
-    if (!isHTMLElement(element) || getComputedStyle2(element).position === "fixed") {
-      return null;
-    }
-    if (polyfill) {
-      return polyfill(element);
-    }
-    let rawOffsetParent = element.offsetParent;
-    if (getDocumentElement(element) === rawOffsetParent) {
-      rawOffsetParent = rawOffsetParent.ownerDocument.body;
-    }
-    return rawOffsetParent;
-  }
-  function getOffsetParent2(element, polyfill) {
-    const win = getWindow(element);
-    if (isTopLayer(element)) {
-      return win;
-    }
-    if (!isHTMLElement(element)) {
-      let svgOffsetParent = getParentNode(element);
-      while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
-        if (isElement(svgOffsetParent) && !isStaticPositioned2(svgOffsetParent)) {
-          return svgOffsetParent;
-        }
-        svgOffsetParent = getParentNode(svgOffsetParent);
-      }
-      return win;
-    }
-    let offsetParent = getTrueOffsetParent2(element, polyfill);
-    while (offsetParent && isTableElement(offsetParent) && isStaticPositioned2(offsetParent)) {
-      offsetParent = getTrueOffsetParent2(offsetParent, polyfill);
-    }
-    if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned2(offsetParent) && !isContainingBlock(offsetParent)) {
-      return win;
-    }
-    return offsetParent || getContainingBlock(element) || win;
-  }
-  var getElementRects2 = async function(data) {
-    const getOffsetParentFn = this.getOffsetParent || getOffsetParent2;
-    const getDimensionsFn = this.getDimensions;
-    const floatingDimensions = await getDimensionsFn(data.floating);
-    return {
-      reference: getRectRelativeToOffsetParent2(data.reference, await getOffsetParentFn(data.floating), data.strategy),
-      floating: {
-        x: 0,
-        y: 0,
-        width: floatingDimensions.width,
-        height: floatingDimensions.height
-      }
-    };
-  };
-  function isRTL2(element) {
-    return getComputedStyle2(element).direction === "rtl";
-  }
-  var platform2 = {
-    convertOffsetParentRelativeRectToViewportRelativeRect: convertOffsetParentRelativeRectToViewportRelativeRect2,
-    getDocumentElement,
-    getClippingRect: getClippingRect2,
-    getOffsetParent: getOffsetParent2,
-    getElementRects: getElementRects2,
-    getClientRects: getClientRects2,
-    getDimensions: getDimensions2,
-    getScale: getScale2,
-    isElement,
-    isRTL: isRTL2
-  };
-  function rectsAreEqual2(a2, b2) {
-    return a2.x === b2.x && a2.y === b2.y && a2.width === b2.width && a2.height === b2.height;
-  }
-  function observeMove2(element, onMove) {
-    let io2 = null;
-    let timeoutId;
-    const root = getDocumentElement(element);
-    function cleanup() {
-      var _io;
-      clearTimeout(timeoutId);
-      (_io = io2) == null || _io.disconnect();
-      io2 = null;
-    }
-    function refresh(skip, threshold) {
-      if (skip === void 0) {
-        skip = false;
-      }
-      if (threshold === void 0) {
-        threshold = 1;
-      }
-      cleanup();
-      const elementRectForRootMargin = element.getBoundingClientRect();
-      const {
-        left,
-        top,
-        width,
-        height
-      } = elementRectForRootMargin;
-      if (!skip) {
-        onMove();
-      }
-      if (!width || !height) {
-        return;
-      }
-      const insetTop = floor(top);
-      const insetRight = floor(root.clientWidth - (left + width));
-      const insetBottom = floor(root.clientHeight - (top + height));
-      const insetLeft = floor(left);
-      const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
-      const options = {
-        rootMargin,
-        threshold: max(0, min(1, threshold)) || 1
-      };
-      let isFirstUpdate = true;
-      function handleObserve(entries) {
-        const ratio = entries[0].intersectionRatio;
-        if (ratio !== threshold) {
-          if (!isFirstUpdate) {
-            return refresh();
-          }
-          if (!ratio) {
-            timeoutId = setTimeout(() => {
-              refresh(false, 1e-7);
-            }, 1e3);
-          } else {
-            refresh(false, ratio);
-          }
-        }
-        if (ratio === 1 && !rectsAreEqual2(elementRectForRootMargin, element.getBoundingClientRect())) {
-          refresh();
-        }
-        isFirstUpdate = false;
-      }
-      try {
-        io2 = new IntersectionObserver(handleObserve, {
-          ...options,
-          // Handle <iframe>s
-          root: root.ownerDocument
-        });
-      } catch (e2) {
-        io2 = new IntersectionObserver(handleObserve, options);
-      }
-      io2.observe(element);
-    }
-    refresh(true);
-    return cleanup;
-  }
-  function autoUpdate2(reference, floating, update, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    const {
-      ancestorScroll = true,
-      ancestorResize = true,
-      elementResize = typeof ResizeObserver === "function",
-      layoutShift = typeof IntersectionObserver === "function",
-      animationFrame = false
-    } = options;
-    const referenceEl = unwrapElement2(reference);
-    const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
-    ancestors.forEach((ancestor) => {
-      ancestorScroll && ancestor.addEventListener("scroll", update, {
-        passive: true
-      });
-      ancestorResize && ancestor.addEventListener("resize", update);
-    });
-    const cleanupIo = referenceEl && layoutShift ? observeMove2(referenceEl, update) : null;
-    let reobserveFrame = -1;
-    let resizeObserver = null;
-    if (elementResize) {
-      resizeObserver = new ResizeObserver((_ref) => {
-        let [firstEntry] = _ref;
-        if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
-          resizeObserver.unobserve(floating);
-          cancelAnimationFrame(reobserveFrame);
-          reobserveFrame = requestAnimationFrame(() => {
-            var _resizeObserver;
-            (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
-          });
-        }
-        update();
-      });
-      if (referenceEl && !animationFrame) {
-        resizeObserver.observe(referenceEl);
-      }
-      resizeObserver.observe(floating);
-    }
-    let frameId;
-    let prevRefRect = animationFrame ? getBoundingClientRect2(reference) : null;
-    if (animationFrame) {
-      frameLoop();
-    }
-    function frameLoop() {
-      const nextRefRect = getBoundingClientRect2(reference);
-      if (prevRefRect && !rectsAreEqual2(prevRefRect, nextRefRect)) {
-        update();
-      }
-      prevRefRect = nextRefRect;
-      frameId = requestAnimationFrame(frameLoop);
-    }
-    update();
-    return () => {
-      var _resizeObserver2;
-      ancestors.forEach((ancestor) => {
-        ancestorScroll && ancestor.removeEventListener("scroll", update);
-        ancestorResize && ancestor.removeEventListener("resize", update);
-      });
-      cleanupIo == null || cleanupIo();
-      (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
-      resizeObserver = null;
-      if (animationFrame) {
-        cancelAnimationFrame(frameId);
-      }
-    };
-  }
-  var offset3 = offset;
-  var shift3 = shift;
-  var flip3 = flip;
-  var computePosition3 = (reference, floating, options) => {
-    const cache2 = /* @__PURE__ */ new Map();
-    const mergedOptions = {
-      platform: platform2,
-      ...options
-    };
-    const platformWithCache = {
-      ...mergedOptions.platform,
-      _c: cache2
-    };
-    return computePosition(reference, floating, {
-      ...mergedOptions,
-      platform: platformWithCache
-    });
-  };
-
   // src/surfaces/positioning.ts
   var STATIC_SLOT_STYLES = {
     drawer_right: {
@@ -45278,18 +44765,18 @@ var SyntrologieSDK = (() => {
   function setupAdjacentPositioning(container, anchorEl, config) {
     const placement = config.placement === "auto" ? "bottom" : config.placement;
     const middleware = [
-      offset3(config.offset ? { mainAxis: config.offset.y, crossAxis: config.offset.x } : 8)
+      offset2(config.offset ? { mainAxis: config.offset.y, crossAxis: config.offset.x } : 8)
     ];
     if (config.flip !== false) {
-      middleware.push(flip3());
+      middleware.push(flip2());
     }
     if (config.shift !== false) {
-      middleware.push(shift3({ padding: 8 }));
+      middleware.push(shift2({ padding: 8 }));
     }
     container.style.position = "absolute";
     container.style.zIndex = "2147483646";
-    const cleanup = autoUpdate2(anchorEl, container, async () => {
-      const { x: x2, y: y2, strategy } = await computePosition3(anchorEl, container, {
+    const cleanup = autoUpdate(anchorEl, container, async () => {
+      const { x: x2, y: y2, strategy } = await computePosition2(anchorEl, container, {
         placement,
         middleware
       });
@@ -45806,11 +45293,11 @@ var SyntrologieSDK = (() => {
 
   // src/apps/AppContext.ts
   function createAppContext(options) {
-    const { appId, runtime: runtime4, isBuiltIn = false } = options;
+    const { appId, runtime: runtime3, isBuiltIn = false } = options;
     const _statePrefix = `app:${appId}:`;
     const registeredActions = [];
     const registeredWidgets = [];
-    const appStorage = runtime4.state.ns(`app:${appId}`);
+    const appStorage = runtime3.state.ns(`app:${appId}`);
     const context = {
       appId,
       // Namespaced state access (using session storage scoped to this app)
@@ -45820,19 +45307,19 @@ var SyntrologieSDK = (() => {
         remove: (key) => appStorage.remove(key)
       },
       // Telemetry access (if available) - using EventBus for custom events
-      telemetry: runtime4.telemetry ? {
+      telemetry: runtime3.telemetry ? {
         emit: (eventName, props) => {
-          runtime4.events.publish(eventName, {
+          runtime3.events.publish(eventName, {
             ...props,
             _appId: appId
           });
         },
-        getSessionId: () => runtime4.telemetry?.getSessionId?.()
+        getSessionId: () => runtime3.telemetry?.getSessionId?.()
       } : void 0,
       // Surfaces access
       surfaces: {
         mount: (slot, content, opts) => {
-          const handle = runtime4.surfaces.mount(slot, content, {
+          const handle = runtime3.surfaces.mount(slot, content, {
             ...opts,
             adaptiveId: appId
           });
@@ -45841,17 +45328,17 @@ var SyntrologieSDK = (() => {
             update: (newContent) => handle.update(newContent)
           };
         },
-        canMount: (slot, priority) => runtime4.surfaces.canMount(slot, priority)
+        canMount: (slot, priority) => runtime3.surfaces.canMount(slot, priority)
       },
       // Events access
       events: {
         subscribe: (callback) => {
-          return runtime4.events.subscribe((event) => {
+          return runtime3.events.subscribe((event) => {
             callback(event);
           });
         },
         publish: (name, props) => {
-          runtime4.events.publish(name, {
+          runtime3.events.publish(name, {
             ...props,
             _appId: appId
           });
@@ -45859,7 +45346,7 @@ var SyntrologieSDK = (() => {
       },
       // Action registration
       registerAction: (definition) => {
-        runtime4.executors.register(
+        runtime3.executors.register(
           definition.kind,
           definition.executor,
           definition.schema,
@@ -45870,15 +45357,15 @@ var SyntrologieSDK = (() => {
       },
       // Widget registration
       registerWidget: (definition) => {
-        runtime4.widgets.register(definition.id, definition.component, appId, definition.metadata);
+        runtime3.widgets.register(definition.id, definition.component, appId, definition.metadata);
         registeredWidgets.push(definition.id);
       }
     };
     return context;
   }
-  function cleanupAppContext(appId, runtime4) {
-    runtime4.executors.unregisterBySource(appId);
-    runtime4.widgets.unregisterBySource(appId);
+  function cleanupAppContext(appId, runtime3) {
+    runtime3.executors.unregisterBySource(appId);
+    runtime3.widgets.unregisterBySource(appId);
   }
 
   // src/apps/AppRegistry.ts
@@ -45892,8 +45379,8 @@ var SyntrologieSDK = (() => {
      * Bind the registry to a runtime instance.
      * Must be called before apps can be activated.
      */
-    bind(runtime4) {
-      this.runtime = runtime4;
+    bind(runtime3) {
+      this.runtime = runtime3;
     }
     /**
      * Unbind from the current runtime.
@@ -46158,22 +45645,19 @@ var SyntrologieSDK = (() => {
 
   // src/apps/AppLoader.ts
   var CORE_ACTION_KINDS = /* @__PURE__ */ new Set([
-    // Overlay actions (bundled via @syntrologie/app-overlays)
+    // Overlay actions (bundled via @syntrologie/adapt-overlays)
     "overlays:highlight",
     "overlays:pulse",
     "overlays:badge",
     "overlays:tooltip",
     "overlays:modal",
-    // Content actions (bundled via @syntrologie/app-content)
+    // Content actions (bundled via @syntrologie/adapt-content)
     "content:insertHtml",
     "content:setText",
     "content:setAttr",
     "content:addClass",
     "content:removeClass",
     "content:setStyle",
-    // Navigation actions (bundled via @syntrologie/app-navigation)
-    "navigation:scrollTo",
-    "navigation:navigate",
     // Core actions (bundled with runtime)
     "core:mountWidget",
     "core:wait",
@@ -46181,6 +45665,13 @@ var SyntrologieSDK = (() => {
     "core:parallel",
     "core:tour"
   ]);
+  var NAMESPACE_TO_APP_ID = {
+    navigation: "nav"
+    // navigation:scrollTo, navigation:navigate → apps/nav/
+  };
+  function resolveAppId(namespace) {
+    return NAMESPACE_TO_APP_ID[namespace] ?? namespace;
+  }
   function isCoreActionKind(kind) {
     return CORE_ACTION_KINDS.has(kind);
   }
@@ -46188,12 +45679,12 @@ var SyntrologieSDK = (() => {
     if (isCoreActionKind(kind)) return null;
     const colonIndex = kind.indexOf(":");
     if (colonIndex === -1) return null;
-    return kind.slice(0, colonIndex);
+    return resolveAppId(kind.slice(0, colonIndex));
   }
   function getAppIdFromWidgetId(widgetId) {
     const colonIndex = widgetId.indexOf(":");
     if (colonIndex === -1) return null;
-    return widgetId.slice(0, colonIndex);
+    return resolveAppId(widgetId.slice(0, colonIndex));
   }
   function createAppLoader(options) {
     const { cdnBase, registry, timeout = 1e4, onLoadStart, onLoadEnd } = options;
@@ -46671,7 +46162,7 @@ var SyntrologieSDK = (() => {
   function createSmartCanvasRuntime(options = {}) {
     const { telemetry, sessionMetrics, routes, mode = "production", namespace } = options;
     const widgets = options.widgets ?? widgetRegistry;
-    const executors4 = options.executors ?? executorRegistry;
+    const executors3 = options.executors ?? executorRegistry;
     const apps = options.apps ?? appRegistry;
     const context = createContextManager({
       telemetry,
@@ -46699,9 +46190,9 @@ var SyntrologieSDK = (() => {
       eventBus: events,
       surfaces,
       anchorResolver,
-      executorRegistry: executors4
+      executorRegistry: executors3
     });
-    const runtime4 = {
+    const runtime3 = {
       telemetry,
       context,
       events,
@@ -46710,7 +46201,7 @@ var SyntrologieSDK = (() => {
       actions,
       surfaces,
       widgets,
-      executors: executors4,
+      executors: executors3,
       apps,
       version: RUNTIME_VERSION,
       mode,
@@ -46755,8 +46246,8 @@ var SyntrologieSDK = (() => {
         surfaces.destroy();
       }
     };
-    apps.bind(runtime4);
-    return runtime4;
+    apps.bind(runtime3);
+    return runtime3;
   }
 
   // src/token.ts
@@ -47153,7 +46644,7 @@ var SyntrologieSDK = (() => {
     if (editorMode) runtimeMode = "editor";
     else if (auditMode) runtimeMode = "audit";
     else if (getEnvVar("NODE_ENV") === "development") runtimeMode = "development";
-    const runtime4 = createSmartCanvasRuntime({
+    const runtime3 = createSmartCanvasRuntime({
       telemetry,
       sessionMetrics,
       mode: runtimeMode,
@@ -47161,17 +46652,17 @@ var SyntrologieSDK = (() => {
       // Use the EventBus we created earlier (already wired to PostHog)
     });
     debug("Syntro Bootstrap", "Runtime created:", {
-      version: runtime4.version,
-      mode: runtime4.mode,
-      hasContext: !!runtime4.context,
-      hasEvents: !!runtime4.events,
-      hasState: !!runtime4.state
+      version: runtime3.version,
+      mode: runtime3.mode,
+      hasContext: !!runtime3.context,
+      hasEvents: !!runtime3.events,
+      hasState: !!runtime3.state
     });
     debug("Syntro Bootstrap", "Core app executors already registered");
-    const cdnBase = options.cdnBase || getEnvVar("NEXT_PUBLIC_SYNTRO_CDN_BASE") || getEnvVar("VITE_SYNTRO_CDN_BASE") || "https://cdn.syntro.io";
+    const cdnBase = options.cdnBase || getEnvVar("NEXT_PUBLIC_SYNTRO_CDN_BASE") || getEnvVar("VITE_SYNTRO_CDN_BASE") || "https://cdn.syntrologie.com";
     const appLoader = createAppLoader({
       cdnBase,
-      registry: runtime4.apps,
+      registry: runtime3.apps,
       onLoadStart: (appId) => {
         debug("Syntro Bootstrap", `Loading app from CDN: ${appId}`);
       },
@@ -47185,9 +46676,9 @@ var SyntrologieSDK = (() => {
     });
     if (typeof window !== "undefined") {
       window.SynOS = {
-        appRegistry: runtime4.apps,
-        runtime: runtime4,
-        version: runtime4.version
+        appRegistry: runtime3.apps,
+        runtime: runtime3,
+        version: runtime3.version
       };
       debug("Syntro Bootstrap", "Global SynOS object exposed");
     }
@@ -47226,9 +46717,9 @@ var SyntrologieSDK = (() => {
             warn("Syntro Bootstrap", "Some apps failed to load:", failedApps);
           }
           for (const appId of requiredApps) {
-            if (runtime4.apps.has(appId)) {
+            if (runtime3.apps.has(appId)) {
               try {
-                await runtime4.apps.activate(appId);
+                await runtime3.apps.activate(appId);
               } catch (err) {
                 warn("Syntro Bootstrap", `Failed to activate app: ${appId}`, err);
               }
@@ -47244,10 +46735,10 @@ var SyntrologieSDK = (() => {
       fetcher: appLoadingFetcher,
       integrations: { experiments, telemetry },
       editorUrl,
-      runtime: runtime4
+      runtime: runtime3
       // Pass runtime so actions can be applied
     });
-    return { canvas, runtime: runtime4, experiments, telemetry, sessionMetrics, appLoader };
+    return { canvas, runtime: runtime3, experiments, telemetry, sessionMetrics, appLoader };
   }
   var Syntro = {
     init,