@syntrologie/runtime-sdk 2.12.0 → 2.13.0

package/dist/smart-canvas.js

@@ -12802,6 +12802,7 @@ var SyntrologieSDK = (() => {
     HighlightZ: () => HighlightZ,
     InsertHtmlZ: () => InsertHtmlZ,
     InsertPositionZ: () => InsertPositionZ,
+    InterventionTracker: () => InterventionTracker,
     MAX_VISIBLE_TOASTS: () => MAX_VISIBLE_TOASTS,
     MatchOpZ: () => MatchOpZ,
     ModalContentZ: () => ModalContentZ,
@@ -20677,7 +20678,7 @@ Please report this to https://github.com/markedjs/marked.`, e2) {
   }
 
   // src/version.ts
-  var SDK_VERSION = "2.12.0";
+  var SDK_VERSION = "2.13.0";
 
   // src/types.ts
   var SDK_SCHEMA_VERSION = "2.0";
@@ -20761,9 +20762,8 @@ Please report this to https://github.com/markedjs/marked.`, e2) {
     featureKey
   }) => {
     if (configUri) return configUri;
-    if (experiments) {
-      const key = featureKey ?? "smart-canvas-config";
-      const fromFeature = experiments.getFeatureValue?.(key, null);
+    if (experiments && featureKey) {
+      const fromFeature = experiments.getFeatureValue?.(featureKey, null);
       if (fromFeature) return fromFeature;
     }
     return void 0;
@@ -20795,9 +20795,8 @@ Please report this to https://github.com/markedjs/marked.`, e2) {
     variantFlagPrefix,
     sdkVersion
   }) => async () => {
-    const effectiveConfigKey = configFeatureKey ?? "smart-canvas-config";
-    if (experiments) {
-      const directConfig = experiments.getFeatureValue?.(effectiveConfigKey, null);
+    if (experiments && configFeatureKey) {
+      const directConfig = experiments.getFeatureValue?.(configFeatureKey, null);
       if (directConfig && typeof directConfig === "object") {
         debug("SmartCanvas Config", "Resolved config directly from feature flag", directConfig);
         return directConfig;
@@ -23454,6 +23453,19 @@ ${cssRules}
     }
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: parentRef });
   }
+  var INTERACTION_PATTERNS = [
+    ":toggled",
+    ":clicked",
+    ":feedback",
+    ":navigate",
+    ":expanded",
+    ":collapsed",
+    ":dismissed",
+    ":submitted",
+    ":interacted",
+    ":tip_clicked",
+    ":tip_focused"
+  ];
   function TileCard({
     config,
     surface: _surface,
@@ -23462,10 +23474,35 @@ ${cssRules}
   }) {
     const { title, subtitle, widget, props, icon } = config;
     const [, setTick] = (0, import_react13.useState)(0);
+    const articleRef = (0, import_react13.useRef)(null);
     const runtime7 = useRuntime();
     (0, import_react13.useEffect)(() => {
       if (runtime7) setTick((t2) => t2 + 1);
     }, [runtime7]);
+    (0, import_react13.useEffect)(() => {
+      const tracker = typeof window !== "undefined" ? window.SynOS?.interventionTracker : null;
+      if (!articleRef.current || !tracker) return;
+      const observer2 = new IntersectionObserver(
+        ([entry]) => {
+          if (entry.isIntersecting) {
+            tracker.trackSeen(config.id, config.widget ?? "unknown");
+            observer2.disconnect();
+          }
+        },
+        { threshold: 0.5 }
+      );
+      observer2.observe(articleRef.current);
+      return () => observer2.disconnect();
+    }, [config.id, config.widget]);
+    (0, import_react13.useEffect)(() => {
+      const tracker = typeof window !== "undefined" ? window.SynOS?.interventionTracker : null;
+      if (!runtime7?.events || !tracker) return;
+      return runtime7.events.subscribe((event) => {
+        if (!INTERACTION_PATTERNS.some((p2) => event.name?.includes(p2))) return;
+        if (event.props?.instanceId !== config.id) return;
+        tracker.trackInteracted(config.id, config.widget ?? "unknown", event.name);
+      });
+    }, [runtime7?.events, config.id, config.widget]);
     const registration = (0, import_react13.useMemo)(
       () => runtime7?.widgets?.getRegistration?.(widget),
       [runtime7?.widgets, widget]
@@ -23514,6 +23551,7 @@ ${cssRules}
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "article",
       {
+        ref: articleRef,
         "data-shadow-canvas-id": `tile-${config.id}`,
         style: cardStyle,
         onMouseEnter,
@@ -24085,6 +24123,13 @@ ${cssRules}
   // src/hooks/useShadowCanvasConfig.ts
   var import_react15 = __toESM(require_react(), 1);
   var sortTiles = (tiles) => [...tiles].sort((a2, b3) => (b3.priority ?? 0) - (a2.priority ?? 0));
+  function fireTriggeredForTiles(tiles) {
+    const tracker = typeof window !== "undefined" ? window.SynOS?.interventionTracker : null;
+    if (!tracker) return;
+    for (const tile of tiles) {
+      tracker.trackTriggered(tile.id, tile.widget ?? "unknown");
+    }
+  }
   function useShadowCanvasConfig({
     fetcher,
     experiments,
@@ -24107,6 +24152,7 @@ ${cssRules}
       if (experiments) {
         tiles = tiles.filter((tile) => experiments.shouldRenderRectangle(tile));
       }
+      fireTriggeredForTiles(tiles);
       setState((prev) => ({ ...prev, tiles: sortTiles(tiles) }));
     }, [runtime7, experiments]);
     const load = (0, import_react15.useCallback)(async () => {
@@ -24124,6 +24170,7 @@ ${cssRules}
         } else if (experiments) {
           tiles = tiles.filter((tile) => experiments.shouldRenderRectangle(tile));
         }
+        fireTriggeredForTiles(tiles);
         debug("SmartCanvas Config", `Tile count after filtering: ${tiles.length}`);
         const newActions = response.actions || [];
         const newActionsJson = JSON.stringify(newActions);
@@ -37150,6 +37197,55 @@ ${cssRules}
     return new PostHogAdapter(options);
   }
 
+  // src/telemetry/InterventionTracker.ts
+  var InterventionTracker = class {
+    constructor(telemetry, variantId) {
+      __publicField(this, "telemetry");
+      __publicField(this, "variantId");
+      __publicField(this, "seenSet", /* @__PURE__ */ new Set());
+      __publicField(this, "triggeredSet", /* @__PURE__ */ new Set());
+      this.telemetry = telemetry;
+      this.variantId = variantId;
+    }
+    trackServed(tiles, actions) {
+      this.telemetry.track?.("syntro_config_served", {
+        variant_id: this.variantId,
+        tiles,
+        actions
+      });
+    }
+    trackSeen(interventionId, interventionKind) {
+      if (this.seenSet.has(interventionId)) return;
+      this.seenSet.add(interventionId);
+      this.telemetry.track?.("syntro_intervention_seen", {
+        variant_id: this.variantId,
+        intervention_id: interventionId,
+        intervention_kind: interventionKind
+      });
+    }
+    trackTriggered(interventionId, interventionKind) {
+      if (this.triggeredSet.has(interventionId)) return;
+      this.triggeredSet.add(interventionId);
+      this.telemetry.track?.("syntro_intervention_triggered", {
+        variant_id: this.variantId,
+        intervention_id: interventionId,
+        intervention_kind: interventionKind
+      });
+    }
+    trackInteracted(interventionId, interventionKind, interactionType) {
+      this.telemetry.track?.("syntro_intervention_interacted", {
+        variant_id: this.variantId,
+        intervention_id: interventionId,
+        intervention_kind: interventionKind,
+        interaction_type: interactionType
+      });
+    }
+    resetPage() {
+      this.seenSet.clear();
+      this.triggeredSet.clear();
+    }
+  };
+
   // src/actions/executors/core-flow.ts
   var executeSequence = async (action, context) => {
     const handles = [];
@@ -41906,6 +42002,26 @@ ${cssRules}
     const warnedAppFailures = /* @__PURE__ */ new Set();
     const appLoadingFetcher = baseFetcher ? async () => {
       const config = await baseFetcher();
+      const tileCount = config.tiles?.length ?? 0;
+      const actionCount = config.actions?.length ?? 0;
+      const variantId = config.meta?.variant_id;
+      if (tileCount > 0 || actionCount > 0) {
+        if (!variantId) {
+          console.warn(
+            "[Syntro] Config has content but no meta.variant_id \u2014 intervention tracking disabled"
+          );
+        }
+      }
+      if (telemetry && variantId) {
+        const tracker = new InterventionTracker(telemetry, variantId);
+        tracker.trackServed(tileCount, actionCount);
+        if (typeof window !== "undefined") {
+          window.SynOS.interventionTracker = tracker;
+        }
+        runtime7.navigation.subscribe(() => {
+          tracker.resetPage();
+        });
+      }
       console.log(
         "[Syntro Bootstrap] Config fetched:",
         `tiles=${config.tiles?.length ?? 0},`,
@@ -42005,7 +42121,7 @@ ${cssRules}
   }
 
   // src/index.ts
-  var RUNTIME_SDK_BUILD = true ? `${"2026-04-09T18:44:05.229Z"} (${"f5d1ea4ae30"})` : "dev";
+  var RUNTIME_SDK_BUILD = true ? `${"2026-04-09T22:33:15.939Z"} (${"8ae8d320f1a"})` : "dev";
   if (typeof window !== "undefined") {
     console.log(`[Syntro Runtime] Build: ${RUNTIME_SDK_BUILD}`);
     const existing = window.SynOS;