@syntrologie/runtime-sdk 2.8.0-canary.152 → 2.8.0-canary.154

package/dist/smart-canvas.js

@@ -8040,6 +8040,14 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
       '<path d="m3.3 7 8.7 5 8.7-5"/>',
       '<path d="m7.5 4.27 9 5.15"/>'
     ],
+    "\u{1F69A}": [
+      // Lucide truck
+      '<path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/>',
+      '<path d="M15 18H9"/>',
+      '<path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/>',
+      '<circle cx="17" cy="18" r="2"/>',
+      '<circle cx="7" cy="18" r="2"/>'
+    ],
     "\u{1F331}": [
       '<path d="M7 20h10"/>',
       '<path d="M10 20c5.5-2.5.8-6.4 3-10"/>',
@@ -13490,7 +13498,7 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
       }
       if (!/^[a-zA-Z][a-zA-Z0-9-]*$/.test(String(el.tag_name ?? "")))
         return null;
-      const attrRegex = /([\w$]+)="([^"]*)"/g;
+      const attrRegex = /([\w$-]+)="([^"]*)"/g;
       let match;
       while ((match = attrRegex.exec(attrPart)) !== null) {
         const [, key, value] = match;
@@ -13517,10 +13525,21 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
     }
     return directTag;
   }
-  function extractProps(phEvent) {
+  function mergeEnrichElements(phElements, enrichElements) {
+    return phElements.map((phEl, i9) => {
+      const enrichEl = enrichElements[i9];
+      if (!enrichEl)
+        return phEl;
+      if (phEl.tag_name !== enrichEl.tag_name)
+        return phEl;
+      return { ...enrichEl, ...phEl };
+    });
+  }
+  function extractProps(phEvent, enrichElements) {
     const props = {};
     const phProps = phEvent.properties || {};
-    const elements2 = phProps.$elements ?? (typeof phProps.$elements_chain === "string" ? parseElementsChain(phProps.$elements_chain) : void 0);
+    const rawElements = phProps.$elements ?? (typeof phProps.$elements_chain === "string" ? parseElementsChain(phProps.$elements_chain) : void 0);
+    const elements2 = rawElements && enrichElements ? mergeEnrichElements(rawElements, enrichElements) : rawElements;
     const directTag = phProps.$tag_name ?? elements2?.[0]?.tag_name;
     const isClickEvent = phEvent.event === "$autocapture" || phEvent.event === "$click";
     props.tagName = isClickEvent ? resolveInteractiveTag(elements2, directTag) : directTag;
@@ -13550,7 +13569,7 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
     props.originalEvent = phEvent.event;
     return props;
   }
-  function normalizePostHogEvent(phEvent) {
+  function normalizePostHogEvent(phEvent, enrichElements) {
     let ts2;
     if (typeof phEvent.timestamp === "number") {
       ts2 = phEvent.timestamp;
@@ -13563,7 +13582,7 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
       ts: ts2,
       name: getEventName(phEvent),
       source: "posthog",
-      props: extractProps(phEvent),
+      props: extractProps(phEvent, enrichElements),
       schemaVersion: EVENT_SCHEMA_VERSION
     };
   }
@@ -13623,12 +13642,29 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
     const idle = new IdleDetector(config, emit2);
     const hover = new HoverTracker(config, emit2, options?.elementResolver);
     const clickAttrBuffer = [];
+    const CLICK_ATTR_TTL_MS = 500;
+    function isClickShapedEvent(phEvent) {
+      if (phEvent.event === "$click")
+        return true;
+      if (phEvent.event !== "$autocapture")
+        return false;
+      const eventType = phEvent.properties?.$event_type;
+      return eventType === void 0 || eventType === "click";
+    }
+    function consumeBufferedClickChain(eventTs) {
+      const cutoff = eventTs - CLICK_ATTR_TTL_MS;
+      while (clickAttrBuffer.length > 0 && clickAttrBuffer[0].ts < cutoff) {
+        clickAttrBuffer.shift();
+      }
+      return clickAttrBuffer.shift()?.elements;
+    }
     return {
       ingest(raw) {
         if (raw.kind === "posthog") {
           const { kind: _4, ...phEvent } = raw;
           if (shouldNormalizeEvent(phEvent)) {
-            emit2(normalizePostHogEvent(phEvent));
+            const enrichElements = isClickShapedEvent(phEvent) ? consumeBufferedClickChain(typeof phEvent.timestamp === "number" ? phEvent.timestamp : Date.now()) : void 0;
+            emit2(normalizePostHogEvent(phEvent, enrichElements));
           }
         } else if (raw.kind === "rrweb") {
           hesitation.ingest(raw);
@@ -13649,7 +13685,7 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
       },
       enrichClickAttributes(timestamp, elements2) {
         clickAttrBuffer.push({ ts: timestamp, elements: elements2 });
-        const cutoff = timestamp - 500;
+        const cutoff = timestamp - CLICK_ATTR_TTL_MS;
         while (clickAttrBuffer.length > 0 && clickAttrBuffer[0].ts < cutoff) {
           clickAttrBuffer.shift();
         }
@@ -14696,7 +14732,7 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
   }
 
   // src/version.ts
-  var SDK_VERSION = "2.8.0-canary.152";
+  var SDK_VERSION = "2.8.0-canary.154";
 
   // src/types.ts
   var SDK_SCHEMA_VERSION = "2.0";
@@ -15455,7 +15491,7 @@ ${cssRules}
       tracker.trackTriggered(tile.id, tile.widget ?? "unknown");
     }
   }
-  var _controller, _controllerUnsub, _overlayContainer, _portalRoot, _batchHandle, _adoptedInitial, _runVersion, _rawConfig, _prevActionsJson, _derivedFetcher, _experimentUnsub, _accumulatorUnsub, _contextUnsub, _eventBusUnsub, _onUrlChange, _themeCtrl, _runtimeProvider, _SmartCanvasElementLit_instances, rebuildFetcher_fn, buildFetcherOptions_fn, _loadConfigVersion, refilterTiles_fn, runActionLifecycle_fn, startUrlTracking_fn, stopUrlTracking_fn, subscribeRuntimeReactivity_fn, unsubscribeRuntimeReactivity_fn, subscribeCanvasRequestOpen_fn, _onCanvasToggle;
+  var _controller, _controllerUnsub, _overlayContainer, _portalRoot, _batchHandle, _adoptedInitial, _runVersion, _rawConfig, _prevActionsJson, _prevTilesJson, _prevThemeJson, _prevLauncherJson, _derivedFetcher, _experimentUnsub, _accumulatorUnsub, _contextUnsub, _eventBusUnsub, _onUrlChange, _themeCtrl, _runtimeProvider, _SmartCanvasElementLit_instances, rebuildFetcher_fn, buildFetcherOptions_fn, _loadConfigVersion, refilterTiles_fn, runActionLifecycle_fn, startUrlTracking_fn, stopUrlTracking_fn, subscribeRuntimeReactivity_fn, unsubscribeRuntimeReactivity_fn, subscribeCanvasRequestOpen_fn, _onCanvasToggle;
   var SmartCanvasElementLit = class extends i4 {
     // ---------- Constructor --------------------------------------------------
     constructor() {
@@ -15507,6 +15543,21 @@ ${cssRules}
       // Config fetch state
       __privateAdd(this, _rawConfig, null);
       __privateAdd(this, _prevActionsJson, "[]");
+      // Stable JSON snapshot of the rendered tile array. Skips reactive state
+      // updates when a config refresh produces an identical tile set — otherwise
+      // Lit re-mounts every tile on each poll, blowing away widget state like
+      // open FAQ accordion items.
+      __privateAdd(this, _prevTilesJson, "[]");
+      // Same JSON-diff guard pattern for the rest of the reactive config fields.
+      // GrowthBook's onFeaturesChanged refires every ~5s; without these guards
+      // the parent template re-renders on every poll (fresh deserialized theme/
+      // launcher refs), which ripples into widget re-mounts and vega-embed
+      // resize-observer thrash. See SmartCanvasElementLit.test.ts
+      // "reactive-state stability across identical refresh" for the contract.
+      // The _isLoading spinner is gated separately via the `silent` opt on
+      // `_loadConfig` — see "loading-state semantics" tests for that contract.
+      __privateAdd(this, _prevThemeJson, "null");
+      __privateAdd(this, _prevLauncherJson, "null");
       __privateAdd(this, _derivedFetcher, null);
       // Subscriptions
       __privateAdd(this, _experimentUnsub, null);
@@ -15612,7 +15663,9 @@ ${cssRules}
         __privateMethod(this, _SmartCanvasElementLit_instances, rebuildFetcher_fn).call(this);
         (_a2 = __privateGet(this, _experimentUnsub)) == null ? void 0 : _a2.call(this);
         if (this.experiments?.onFeaturesChanged) {
-          __privateSet(this, _experimentUnsub, this.experiments.onFeaturesChanged(() => this._loadConfig()));
+          __privateSet(this, _experimentUnsub, this.experiments.onFeaturesChanged(
+            () => this._loadConfig({ silent: true })
+          ));
         }
       }
       if (fetcherPropsChanged || changed.has("_pageUrl")) {
@@ -15729,11 +15782,13 @@ ${cssRules}
         this.initialBatchActions = props.initialBatchActions;
       if (props.workspaceTheme !== void 0) this.workspaceTheme = props.workspaceTheme;
     }
-    async _loadConfig() {
+    async _loadConfig({ silent = false } = {}) {
       if (!__privateGet(this, _derivedFetcher)) return;
       const version = ++__privateWrapper(this, _loadConfigVersion)._;
       try {
-        this._isLoading = true;
+        if (!silent) {
+          this._isLoading = true;
+        }
         this._error = void 0;
         const response = await __privateGet(this, _derivedFetcher).call(this);
         if (version !== __privateGet(this, _loadConfigVersion)) return;
@@ -15760,19 +15815,41 @@ ${cssRules}
         if (actionsChanged) {
           __privateSet(this, _prevActionsJson, newActionsJson);
         }
-        this._tiles = sortTiles(tiles);
+        const sortedTiles = sortTiles(tiles);
+        const newTilesJson = JSON.stringify(sortedTiles);
+        if (newTilesJson !== __privateGet(this, _prevTilesJson)) {
+          __privateSet(this, _prevTilesJson, newTilesJson);
+          this._tiles = sortedTiles;
+        }
         if (actionsChanged) {
           this._configActions = newActions;
         }
-        this._isLoading = false;
-        this._canvasTitle = response.canvasTitle;
-        this._theme = response.theme;
-        this._launcher = response.launcher;
-        this._displayMode = response.displayMode ?? "standard";
+        if (!silent) {
+          this._isLoading = false;
+        }
+        const newThemeJson = JSON.stringify(response.theme ?? null);
+        if (newThemeJson !== __privateGet(this, _prevThemeJson)) {
+          __privateSet(this, _prevThemeJson, newThemeJson);
+          this._theme = response.theme;
+        }
+        const newLauncherJson = JSON.stringify(response.launcher ?? null);
+        if (newLauncherJson !== __privateGet(this, _prevLauncherJson)) {
+          __privateSet(this, _prevLauncherJson, newLauncherJson);
+          this._launcher = response.launcher;
+        }
+        if (response.canvasTitle !== this._canvasTitle) {
+          this._canvasTitle = response.canvasTitle;
+        }
+        const newDisplayMode = response.displayMode ?? "standard";
+        if (newDisplayMode !== this._displayMode) {
+          this._displayMode = newDisplayMode;
+        }
       } catch (err) {
         const message = err instanceof Error ? err.message : "Unknown error";
         console.error("[SmartCanvas Config] Failed to fetch/filter config:", message, err);
-        this._isLoading = false;
+        if (!silent) {
+          this._isLoading = false;
+        }
         this._error = message;
       }
     }
@@ -15786,6 +15863,9 @@ ${cssRules}
   _runVersion = new WeakMap();
   _rawConfig = new WeakMap();
   _prevActionsJson = new WeakMap();
+  _prevTilesJson = new WeakMap();
+  _prevThemeJson = new WeakMap();
+  _prevLauncherJson = new WeakMap();
   _derivedFetcher = new WeakMap();
   _experimentUnsub = new WeakMap();
   _accumulatorUnsub = new WeakMap();
@@ -30864,6 +30944,29 @@ ${cssRules}
       runtime: runtime5
       // Pass runtime so actions can be applied
     });
+    if (canvas.setOverrideFetcher) {
+      const originalSetOverrideFetcher = canvas.setOverrideFetcher.bind(canvas);
+      canvas.setOverrideFetcher = (newFetcher) => {
+        const wrappedFetcher = async () => {
+          const config = await newFetcher();
+          const configForLoader = config;
+          const requiredApps = appLoader.getRequiredApps(configForLoader);
+          if (requiredApps.length > 0) {
+            const results = await appLoader.loadAppsForConfig(configForLoader);
+            for (const result of results) {
+              if (result.success && runtime5.apps.has(result.appId)) {
+                try {
+                  await runtime5.apps.activate(result.appId);
+                } catch {
+                }
+              }
+            }
+          }
+          return config;
+        };
+        originalSetOverrideFetcher(wrappedFetcher);
+      };
+    }
     return { canvas, runtime: runtime5, experiments, telemetry, sessionMetrics, appLoader };
   }
 
@@ -31303,7 +31406,7 @@ ${cssRules}
   }
 
   // src/index.ts
-  var RUNTIME_SDK_BUILD = true ? `${"2026-04-27T21:12:51.466Z"} (${"2ae6c4be4f5"})` : "dev";
+  var RUNTIME_SDK_BUILD = true ? `${"2026-04-28T01:38:03.462Z"} (${"0aa655e94e5"})` : "dev";
   if (typeof window !== "undefined") {
     console.log(`[Syntro Runtime] Build: ${RUNTIME_SDK_BUILD} (Lit)`);
     const existing = window.SynOS;