@syntrologie/runtime-sdk 2.4.0-canary.18 → 2.4.0-canary.19

package/dist/smart-canvas.js

@@ -12767,7 +12767,7 @@ var SyntrologieSDK = (() => {
     ANIMATION_KEYFRAMES: () => ANIMATION_KEYFRAMES,
     ActivationConfigZ: () => ActivationConfigZ,
     AddClassZ: () => AddClassZ,
-    AnchorIdZ: () => AnchorIdZ,
+    AnchorIdZ: () => AnchorIdZ2,
     AnchorStateZ: () => AnchorStateZ,
     AnchorVisibleConditionZ: () => AnchorVisibleConditionZ,
     AppRegistry: () => AppRegistry,
@@ -12780,6 +12780,7 @@ var SyntrologieSDK = (() => {
     ConditionZ: () => ConditionZ,
     ContextManager: () => ContextManager,
     CooldownActiveConditionZ: () => CooldownActiveConditionZ,
+    CounterDefZ: () => CounterDefZ,
     CtaButtonZ: () => CtaButtonZ,
     DEFAULT_COOLDOWN: () => DEFAULT_COOLDOWN,
     DEFAULT_TTL: () => DEFAULT_TTL,
@@ -12801,6 +12802,7 @@ var SyntrologieSDK = (() => {
     InsertHtmlZ: () => InsertHtmlZ,
     InsertPositionZ: () => InsertPositionZ,
     MAX_VISIBLE_TOASTS: () => MAX_VISIBLE_TOASTS,
+    MatchOpZ: () => MatchOpZ,
     ModalContentZ: () => ModalContentZ,
     ModalZ: () => ModalZ,
     ModelStrategyZ: () => ModelStrategyZ,
@@ -12869,6 +12871,7 @@ var SyntrologieSDK = (() => {
     contentRuntime: () => runtime,
     coreActionStepSchemas: () => coreActionStepSchemas,
     createActionEngine: () => createActionEngine,
+    createAnchorResolver: () => createAnchorResolver,
     createAppContext: () => createAppContext,
     createAppLoader: () => createAppLoader,
     createCanvasConfigFetcher: () => createCanvasConfigFetcher,
@@ -13068,9 +13071,12 @@ var SyntrologieSDK = (() => {
 
   // ../adaptives/adaptive-content/dist/runtime.js
   var executeInsertHtml = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-content] Anchor not found for insertHtml, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -13144,9 +13150,12 @@ var SyntrologieSDK = (() => {
     };
   };
   var executeSetText = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-content] Anchor not found for setText, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -13169,9 +13178,12 @@ var SyntrologieSDK = (() => {
     };
   };
   var executeSetAttr = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-content] Anchor not found for setAttr, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -13211,9 +13223,12 @@ var SyntrologieSDK = (() => {
     };
   };
   var executeAddClass = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-content] Anchor not found for addClass, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -13234,9 +13249,12 @@ var SyntrologieSDK = (() => {
     };
   };
   var executeRemoveClass = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-content] Anchor not found for removeClass, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -13257,9 +13275,12 @@ var SyntrologieSDK = (() => {
     };
   };
   var executeSetStyle = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-content] Anchor not found for setStyle, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-content] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -16732,9 +16753,12 @@ var SyntrologieSDK = (() => {
 
   // ../adaptives/adaptive-overlays/dist/runtime.js
   var executeHighlight = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-overlays] Anchor not found for highlight, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-overlays] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -16759,9 +16783,12 @@ var SyntrologieSDK = (() => {
     };
   };
   var executePulse = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-overlays] Anchor not found for pulse, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-overlays] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -16803,9 +16830,12 @@ var SyntrologieSDK = (() => {
     };
   };
   var executeBadge = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-overlays] Anchor not found for badge, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-overlays] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -16867,9 +16897,12 @@ var SyntrologieSDK = (() => {
     };
   };
   var executeTooltip = async (action, context) => {
-    const anchorEl = context.resolveAnchor(action.anchorId);
+    let anchorEl = context.resolveAnchor(action.anchorId);
+    if (!anchorEl && context.waitForAnchor) {
+      anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
+    }
     if (!anchorEl) {
-      console.error(`[adaptive-overlays] Anchor not found for tooltip, skipping: ${action.anchorId.selector}`);
+      console.warn(`[adaptive-overlays] Anchor not found after waiting: ${action.anchorId.selector}`);
       return { cleanup: () => {
       } };
     }
@@ -18232,41 +18265,6 @@ var SyntrologieSDK = (() => {
         forceUpdate();
       });
     }, [runtime7.accumulator]);
-    (0, import_react4.useEffect)(() => {
-      if (!config.scope || !runtime7.accumulator?.register)
-        return;
-      const { events: eventNames, urlContains, props: propFilters } = config.scope;
-      const keys = /* @__PURE__ */ new Set();
-      for (const action of config.actions) {
-        if (action.triggerWhen?.type === "rules") {
-          for (const rule of action.triggerWhen.rules) {
-            for (const cond of rule.conditions) {
-              if (cond.type === "event_count" && cond.key) {
-                keys.add(cond.key);
-              }
-            }
-          }
-        }
-      }
-      for (const key of keys) {
-        runtime7.accumulator.register(key, (event) => {
-          if (!eventNames.includes(event.name))
-            return false;
-          if (urlContains) {
-            const pathname = String(event.props?.pathname ?? "");
-            if (!pathname.includes(urlContains))
-              return false;
-          }
-          if (propFilters) {
-            for (const [k2, v2] of Object.entries(propFilters)) {
-              if (event.props?.[k2] !== v2)
-                return false;
-            }
-          }
-          return true;
-        });
-      }
-    }, [config.scope, config.actions, runtime7.accumulator]);
     (0, import_react4.useEffect)(() => {
       if (!runtime7.events.subscribe)
         return;
@@ -18725,41 +18723,6 @@ var SyntrologieSDK = (() => {
         forceUpdate();
       });
     }, [runtime7.accumulator]);
-    (0, import_react5.useEffect)(() => {
-      if (!config.scope || !runtime7.accumulator?.register)
-        return;
-      const { events: eventNames, urlContains, props: propFilters } = config.scope;
-      const keys = /* @__PURE__ */ new Set();
-      for (const action of config.actions) {
-        if (action.triggerWhen?.type === "rules") {
-          for (const rule of action.triggerWhen.rules) {
-            for (const cond of rule.conditions) {
-              if (cond.type === "event_count" && cond.key) {
-                keys.add(cond.key);
-              }
-            }
-          }
-        }
-      }
-      for (const key of keys) {
-        runtime7.accumulator.register(key, (event) => {
-          if (!eventNames.includes(event.name))
-            return false;
-          if (urlContains) {
-            const pathname = String(event.props?.pathname ?? "");
-            if (!pathname.includes(urlContains))
-              return false;
-          }
-          if (propFilters) {
-            for (const [k2, v2] of Object.entries(propFilters)) {
-              if (event.props?.[k2] !== v2)
-                return false;
-            }
-          }
-          return true;
-        });
-      }
-    }, [config.scope, config.actions, runtime7.accumulator]);
     const visibleTips = (0, import_react5.useMemo)(() => config.actions.filter((tip) => {
       if (!tip.triggerWhen)
         return true;
@@ -19151,7 +19114,7 @@ var SyntrologieSDK = (() => {
   }
 
   // src/version.ts
-  var SDK_VERSION = "2.4.0-canary.18";
+  var SDK_VERSION = "2.4.0-canary.19";
 
   // src/types.ts
   var SDK_SCHEMA_VERSION = "2.0";
@@ -19509,56 +19472,66 @@ var SyntrologieSDK = (() => {
   };
 
   // src/events/registerConfigPredicates.ts
+  var ELEMENT_CHAIN_FIELDS = /* @__PURE__ */ new Set(["tag_name", "$el_text"]);
+  function isElementChainField(key) {
+    return ELEMENT_CHAIN_FIELDS.has(key) || key.startsWith("attr__");
+  }
+  function checkMatchOp(op, value) {
+    if (op.equals !== void 0) {
+      return value === op.equals;
+    }
+    if (op.contains !== void 0) {
+      return typeof value === "string" && value.includes(op.contains);
+    }
+    return false;
+  }
+  function buildPredicate(counter) {
+    const { events: eventNames, match } = counter;
+    return (event) => {
+      if (!eventNames.includes(event.name)) return false;
+      if (match) {
+        for (const [key, op] of Object.entries(match)) {
+          if (isElementChainField(key)) {
+            const elements2 = event.props?.elements;
+            if (!elements2) return false;
+            const anyMatch = elements2.some((el) => checkMatchOp(op, el[key]));
+            if (!anyMatch) return false;
+          } else {
+            if (!checkMatchOp(op, event.props?.[key])) return false;
+          }
+        }
+      }
+      return true;
+    };
+  }
+  function registerFromTriggerWhen(triggerWhen, accumulator) {
+    for (const rule of triggerWhen.rules) {
+      for (const cond of rule.conditions) {
+        if (cond.type === "event_count" && cond.key) {
+          const counter = cond.counter;
+          const predicate = counter ? buildPredicate(counter) : () => true;
+          accumulator.register(cond.key, predicate);
+        }
+      }
+    }
+  }
   function registerConfigPredicates(tiles, accumulator, actions) {
     for (const tile of tiles) {
       const props = tile.props;
       if (!props) continue;
-      const scope = props.scope;
-      if (!scope?.events) continue;
       const tileActions = props.actions;
       if (!tileActions) continue;
-      const keys = /* @__PURE__ */ new Set();
       for (const action of tileActions) {
         if (action.triggerWhen?.type === "rules") {
-          for (const rule of action.triggerWhen.rules) {
-            for (const cond of rule.conditions) {
-              if (cond.type === "event_count" && cond.key) {
-                keys.add(cond.key);
-              }
-            }
-          }
+          registerFromTriggerWhen(action.triggerWhen, accumulator);
         }
       }
-      if (keys.size === 0) continue;
-      const { events: eventNames, urlContains, props: propFilters } = scope;
-      for (const key of keys) {
-        accumulator.register(key, (event) => {
-          if (!eventNames.includes(event.name)) return false;
-          if (urlContains) {
-            const pathname = String(event.props?.pathname ?? "");
-            if (!pathname.includes(urlContains)) return false;
-          }
-          if (propFilters) {
-            for (const [k2, v2] of Object.entries(propFilters)) {
-              if (event.props?.[k2] !== v2) return false;
-            }
-          }
-          return true;
-        });
-      }
     }
     if (actions) {
       for (const rawAction of actions) {
         const action = rawAction;
-        const triggerWhen = action.triggerWhen;
-        if (triggerWhen?.type === "rules") {
-          for (const rule of triggerWhen.rules) {
-            for (const cond of rule.conditions) {
-              if (cond.type === "event_count" && cond.key) {
-                accumulator.register(cond.key, () => true);
-              }
-            }
-          }
+        if (action.triggerWhen?.type === "rules") {
+          registerFromTriggerWhen(action.triggerWhen, accumulator);
         }
       }
     }
@@ -21671,7 +21644,6 @@ ${cssRules}
       let cancelled = false;
       const run = async () => {
         if (batchHandleRef.current) {
-          console.log("[SmartCanvasApp] Reverting previous action batch before re-apply");
           try {
             await batchHandleRef.current.revertAll();
           } catch (err) {
@@ -21681,28 +21653,16 @@ ${cssRules}
         }
         if (cancelled) return;
         if (configState.actions.length > 0) {
-          console.log(
-            `[SmartCanvasApp] Applying ${configState.actions.length} action(s):`,
-            configState.actions.map(
-              (a2, i2) => `[${i2}] ${a2.kind}${a2.anchorId ? ` anchor="${a2.anchorId}"` : ""}${a2.label ? ` "${a2.label}"` : ""}`
-            ).join(", ")
-          );
           try {
             const handle = await runtime7.actions.applyBatch(configState.actions);
             if (cancelled) {
               await handle.revertAll();
             } else {
               batchHandleRef.current = handle;
-              console.log("[SmartCanvasApp] Action batch applied successfully");
             }
           } catch (err) {
             if (!cancelled) {
-              console.error(
-                "[SmartCanvasApp] Failed to apply actions:",
-                err,
-                "\nActions that failed:",
-                JSON.stringify(configState.actions, null, 2)
-              );
+              console.error("[SmartCanvasApp] Failed to apply actions:", err);
             }
           }
         }
@@ -21711,9 +21671,6 @@ ${cssRules}
       return () => {
         cancelled = true;
         if (batchHandleRef.current) {
-          console.log(
-            "[SmartCanvasApp] Cleanup: reverting action batch (actions changed or unmount)"
-          );
           batchHandleRef.current.revertAll().catch((err) => {
             console.error("[SmartCanvasApp] Failed to revert actions on cleanup:", err);
           });
@@ -21944,7 +21901,7 @@ ${cssRules}
           console.log(
             "[SmartCanvas] Actions to apply:",
             canvasConfig.actions.map(
-              (a2, i2) => `[${i2}] ${a2.kind}${a2.anchorId ? ` anchor="${a2.anchorId}"` : ""}${a2.label ? ` "${a2.label}"` : ""}`
+              (a2, i2) => `[${i2}] ${a2.kind}${a2.anchorId ? ` anchor="${typeof a2.anchorId === "string" ? a2.anchorId : a2.anchorId.selector}"` : ""}${a2.label ? ` "${a2.label}"` : ""}`
             ).join(", ")
           );
         }
@@ -34982,6 +34939,7 @@ ${cssRules}
       eventBus,
       surfaces,
       anchorResolver,
+      waitForAnchor,
       adaptiveId,
       executorRegistry: executorRegistry2 = executorRegistry,
       subscribeNavigation,
@@ -35001,6 +34959,7 @@ ${cssRules}
       return {
         overlayRoot,
         resolveAnchor: anchorResolver,
+        waitForAnchor,
         generateId: generateId2,
         publishEvent,
         adaptiveId,
@@ -35258,7 +35217,7 @@ ${cssRules}
           errorMessages,
           "\nActions:",
           actions.map(
-            (a2, i2) => `  [${i2}] ${a2.kind} ${a2.anchorId ? `anchor="${a2.anchorId}"` : ""} ${a2.label ? `label="${a2.label}"` : ""}`
+            (a2, i2) => `  [${i2}] ${a2.kind} ${a2.anchorId ? `anchor="${typeof a2.anchorId === "string" ? a2.anchorId : a2.anchorId.selector}"` : ""} ${a2.label ? `label="${a2.label}"` : ""}`
           ).join("\n")
         );
         throw new Error(`Batch validation failed: ${errorMessages}`);
@@ -35346,7 +35305,11 @@ ${cssRules}
     };
   }
 
-  // src/decisions/schema.ts
+  // ../sdk-contracts/dist/schemas.js
+  var AnchorIdZ = external_exports.object({
+    selector: external_exports.string(),
+    route: external_exports.union([external_exports.string(), external_exports.array(external_exports.string())])
+  }).strict();
   var PageUrlConditionZ = external_exports.object({
     type: external_exports.literal("page_url"),
     url: external_exports.string()
@@ -35399,12 +35362,21 @@ ${cssRules}
     limit: external_exports.number(),
     inverted: external_exports.boolean().optional()
   });
+  var MatchOpZ = external_exports.object({
+    equals: external_exports.union([external_exports.string(), external_exports.number(), external_exports.boolean()]).optional(),
+    contains: external_exports.string().optional()
+  });
+  var CounterDefZ = external_exports.object({
+    events: external_exports.array(external_exports.string()).min(1),
+    match: external_exports.record(external_exports.string(), MatchOpZ).optional()
+  });
   var EventCountConditionZ = external_exports.object({
     type: external_exports.literal("event_count"),
     key: external_exports.string(),
     operator: external_exports.enum(["gte", "lte", "eq", "gt", "lt"]),
     count: external_exports.number().int().min(0),
-    withinMs: external_exports.number().positive().optional()
+    withinMs: external_exports.number().positive().optional(),
+    counter: CounterDefZ.optional()
   });
   var ConditionZ = external_exports.discriminatedUnion("type", [
     PageUrlConditionZ,
@@ -35455,6 +35427,19 @@ ${cssRules}
     ModelStrategyZ,
     ExternalStrategyZ
   ]);
+  var TriggerWhenZ = DecisionStrategyZ.nullable().optional();
+  var EventScopeZ = external_exports.object({
+    events: external_exports.array(external_exports.string()),
+    urlContains: external_exports.string().optional(),
+    props: external_exports.record(external_exports.union([external_exports.string(), external_exports.number(), external_exports.boolean()])).optional()
+  });
+  var NotifyZ = external_exports.object({
+    title: external_exports.string().optional(),
+    body: external_exports.string().optional(),
+    icon: external_exports.string().optional()
+  }).nullable().optional();
+
+  // src/decisions/schema.ts
   var RouteFilterZ = external_exports.object({
     include: external_exports.array(external_exports.string()).optional(),
     exclude: external_exports.array(external_exports.string()).optional()
@@ -35473,6 +35458,8 @@ ${cssRules}
     return ActivationConfigZ.safeParse(data);
   }
   var decisionSchemas = [
+    { defName: "matchOp", schema: MatchOpZ },
+    { defName: "counterDef", schema: CounterDefZ },
     { defName: "activationConfig", schema: ActivationConfigZ },
     { defName: "routeFilter", schema: RouteFilterZ },
     { defName: "ruleStrategy", schema: RuleStrategyZ },
@@ -35488,7 +35475,7 @@ ${cssRules}
     activation: ActivationConfigZ.optional(),
     triggerWhen: DecisionStrategyZ.nullable().optional()
   };
-  var AnchorIdZ = external_exports.object({
+  var AnchorIdZ2 = external_exports.object({
     selector: external_exports.string(),
     route: external_exports.union([external_exports.string(), external_exports.array(external_exports.string())])
   }).strict();
@@ -35544,65 +35531,65 @@ ${cssRules}
   var ScrollLogicalPositionZ = external_exports.enum(["start", "center", "end", "nearest"]);
   var SetTextZ = external_exports.object({
     kind: external_exports.literal("content:setText"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     text: external_exports.string(),
     label: external_exports.string().optional()
   }).extend(ActionActivationZ).strict();
   var SetAttrZ = external_exports.object({
     kind: external_exports.literal("content:setAttr"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     attr: external_exports.string(),
     value: external_exports.string(),
     label: external_exports.string().optional()
   }).extend(ActionActivationZ).strict();
   var AddClassZ = external_exports.object({
     kind: external_exports.literal("content:addClass"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     className: external_exports.string(),
     label: external_exports.string().optional()
   }).extend(ActionActivationZ).strict();
   var RemoveClassZ = external_exports.object({
     kind: external_exports.literal("content:removeClass"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     className: external_exports.string(),
     label: external_exports.string().optional()
   }).extend(ActionActivationZ).strict();
   var SetStyleZ = external_exports.object({
     kind: external_exports.literal("content:setStyle"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     styles: external_exports.record(external_exports.string()),
     label: external_exports.string().optional()
   }).extend(ActionActivationZ).strict();
   var InsertHtmlZ = external_exports.object({
     kind: external_exports.literal("content:insertHtml"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     html: external_exports.string(),
     position: InsertPositionZ,
     label: external_exports.string().optional()
   }).extend(ActionActivationZ).strict();
   var HighlightZ = external_exports.object({
     kind: external_exports.literal("overlays:highlight"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     style: HighlightStyleZ.optional(),
     duration: external_exports.number().optional(),
     label: external_exports.string().optional()
   }).extend(ActionActivationZ).strict();
   var PulseZ = external_exports.object({
     kind: external_exports.literal("overlays:pulse"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     duration: external_exports.number().optional(),
     label: external_exports.string().optional()
   }).extend(ActionActivationZ).strict();
   var BadgeZ = external_exports.object({
     kind: external_exports.literal("overlays:badge"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     content: external_exports.string(),
     position: BadgePositionZ.optional(),
     label: external_exports.string().optional()
   }).extend(ActionActivationZ).strict();
   var TooltipZ = external_exports.object({
     kind: external_exports.literal("overlays:tooltip"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     content: TooltipContentZ,
     trigger: TooltipTriggerZ.optional(),
     placement: PlacementZ.optional(),
@@ -35628,7 +35615,7 @@ ${cssRules}
   }).extend(ActionActivationZ).strict();
   var ScrollToZ = external_exports.object({
     kind: external_exports.literal("navigation:scrollTo"),
-    anchorId: AnchorIdZ,
+    anchorId: AnchorIdZ2,
     behavior: ScrollBehaviorZ.optional(),
     block: ScrollLogicalPositionZ.optional(),
     inline: ScrollLogicalPositionZ.optional(),
@@ -35692,6 +35679,153 @@ ${cssRules}
     { defName: "tour", schema: TourZ }
   ];
 
+  // src/anchor/AnchorResolver.ts
+  function createAnchorResolver(opts) {
+    const root = opts?.root ?? (typeof document !== "undefined" ? document.body : null);
+    const defaultTimeoutMs = opts?.defaultTimeoutMs ?? 5e3;
+    const waiters = /* @__PURE__ */ new Map();
+    const appearWatchers = /* @__PURE__ */ new Map();
+    let observer2 = null;
+    let destroyed = false;
+    function resolve(selector) {
+      if (!root) return null;
+      try {
+        return root.querySelector(selector);
+      } catch {
+        return null;
+      }
+    }
+    function checkPending() {
+      for (const [selector, set] of waiters) {
+        const el = resolve(selector);
+        if (el) {
+          for (const w2 of set) {
+            clearTimeout(w2.timer);
+            w2.resolve(el);
+          }
+          waiters.delete(selector);
+        }
+      }
+      for (const [selector, set] of appearWatchers) {
+        const el = resolve(selector);
+        if (el) {
+          for (const watcher of set) {
+            if (!watcher.cancelled) {
+              watcher.cb(el);
+            }
+          }
+          appearWatchers.delete(selector);
+        }
+      }
+      if (waiters.size === 0 && appearWatchers.size === 0) {
+        disconnectObserver();
+      }
+    }
+    function ensureObserver() {
+      if (observer2 || destroyed) return;
+      if (typeof MutationObserver === "undefined" || !root) return;
+      observer2 = new MutationObserver(() => {
+        checkPending();
+      });
+      observer2.observe(root, { childList: true, subtree: true });
+    }
+    function disconnectObserver() {
+      if (observer2) {
+        observer2.disconnect();
+        observer2 = null;
+      }
+    }
+    function removeWaiter(selector, waiter) {
+      const set = waiters.get(selector);
+      if (set) {
+        set.delete(waiter);
+        if (set.size === 0) {
+          waiters.delete(selector);
+        }
+      }
+      if (waiters.size === 0 && appearWatchers.size === 0) {
+        disconnectObserver();
+      }
+    }
+    function waitFor(selector, timeoutMs) {
+      if (destroyed) {
+        return Promise.reject(new Error("AnchorResolver destroyed"));
+      }
+      const existing = resolve(selector);
+      if (existing) return Promise.resolve(existing);
+      const timeout = timeoutMs ?? defaultTimeoutMs;
+      return new Promise((res, rej) => {
+        const waiter = {
+          resolve: res,
+          reject: rej,
+          timer: setTimeout(() => {
+            removeWaiter(selector, waiter);
+            rej(new Error(`waitFor("${selector}") timed out after ${timeout}ms`));
+          }, timeout)
+        };
+        let set = waiters.get(selector);
+        if (!set) {
+          set = /* @__PURE__ */ new Set();
+          waiters.set(selector, set);
+        }
+        set.add(waiter);
+        ensureObserver();
+      });
+    }
+    function onAppear(selector, cb) {
+      if (destroyed) return () => {
+      };
+      const existing = resolve(selector);
+      if (existing) {
+        cb(existing);
+        return () => {
+        };
+      }
+      const watcher = { cb, cancelled: false };
+      let set = appearWatchers.get(selector);
+      if (!set) {
+        set = /* @__PURE__ */ new Set();
+        appearWatchers.set(selector, set);
+      }
+      set.add(watcher);
+      ensureObserver();
+      return () => {
+        watcher.cancelled = true;
+        const s2 = appearWatchers.get(selector);
+        if (s2) {
+          s2.delete(watcher);
+          if (s2.size === 0) {
+            appearWatchers.delete(selector);
+          }
+        }
+        if (waiters.size === 0 && appearWatchers.size === 0) {
+          disconnectObserver();
+        }
+      };
+    }
+    function pendingCount() {
+      let count = 0;
+      for (const set of waiters.values()) {
+        count += set.size;
+      }
+      return count;
+    }
+    function destroy() {
+      destroyed = true;
+      disconnectObserver();
+      const err = new Error("AnchorResolver destroyed");
+      for (const set of waiters.values()) {
+        for (const w2 of set) {
+          clearTimeout(w2.timer);
+          w2.reject(err);
+        }
+      }
+      waiters.clear();
+      appearWatchers.clear();
+    }
+    return { resolve, waitFor, onAppear, pendingCount, destroy };
+  }
+
   // src/context/ContextManager.ts
   function createDefaultContext() {
     const now = Date.now();
@@ -35982,7 +36116,8 @@ ${cssRules}
         return context.page.routeId === condition.routeId;
       }
       case "anchor_visible": {
-        const anchor = context.anchors?.find((a2) => a2.anchorId === condition.anchorId);
+        const condSelector = typeof condition.anchorId === "string" ? condition.anchorId : condition.anchorId?.selector ?? "";
+        const anchor = context.anchors?.find((a2) => a2.anchorId === condSelector);
         switch (condition.state) {
           case "visible":
             return anchor?.visible === true;
@@ -37653,20 +37788,11 @@ ${cssRules}
     const regex = new RegExp(`^${regexPattern}$`);
     return regex.test(pathname);
   }
-  function resolveAnchorById(anchorId) {
-    const { selector, route } = anchorId;
+  function matchesAnchorRoute(anchorId) {
     const pathname = typeof window !== "undefined" ? window.location.pathname : "/";
     const normalizedPath = pathname.replace(/\/$/, "") || "/";
-    const routes = Array.isArray(route) ? route : [route];
-    const matches = routes.some((pattern) => matchRoutePattern(normalizedPath, pattern));
-    if (!matches) {
-      return null;
-    }
-    try {
-      return document.querySelector(selector);
-    } catch {
-      return null;
-    }
+    const routes = Array.isArray(anchorId.route) ? anchorId.route : [anchorId.route];
+    return routes.some((pattern) => matchRoutePattern(normalizedPath, pattern));
   }
   function createSmartCanvasRuntime(options = {}) {
     const { telemetry, sessionMetrics, routes, mode = "production", namespace } = options;
@@ -37694,7 +37820,19 @@ ${cssRules}
       accumulator
     });
     const overlayRoot = ensureOverlayRoot();
-    const anchorResolver = (anchorId) => resolveAnchorById(anchorId);
+    const anchorResolverService = createAnchorResolver();
+    const anchorResolver = (anchorId) => {
+      if (!matchesAnchorRoute(anchorId)) return null;
+      return anchorResolverService.resolve(anchorId.selector);
+    };
+    const waitForAnchor = async (anchorId, timeoutMs) => {
+      if (!matchesAnchorRoute(anchorId)) return null;
+      try {
+        return await anchorResolverService.waitFor(anchorId.selector, timeoutMs);
+      } catch {
+        return null;
+      }
+    };
     const surfaces = createSurfaces({
       overlayRoot,
       eventBus: events,
@@ -37706,6 +37844,7 @@ ${cssRules}
       eventBus: events,
       surfaces,
       anchorResolver,
+      waitForAnchor,
       executorRegistry: executors5,
       subscribeNavigation: (callback) => navigation2.subscribe(callback),
       runtime: {
@@ -37726,6 +37865,7 @@ ${cssRules}
       executors: executors5,
       apps,
       accumulator,
+      anchorResolver: anchorResolverService,
       navigation: navigation2,
       version: RUNTIME_VERSION,
       mode,
@@ -37765,6 +37905,7 @@ ${cssRules}
         apps.unbind().catch((err) => {
           console.error("[Runtime] Error unbinding apps registry:", err);
         });
+        anchorResolverService.destroy();
         accumulator.destroy();
         navigation2.destroy();
         context.destroy();
@@ -38362,7 +38503,7 @@ ${cssRules}
         console.log(
           "[Syntro Bootstrap] Actions in config:",
           config.actions.map(
-            (a2, i2) => `[${i2}] ${a2.kind}${a2.anchorId ? ` anchor="${a2.anchorId}"` : ""}${a2.label ? ` "${a2.label}"` : ""}`
+            (a2, i2) => `[${i2}] ${a2.kind}${a2.anchorId ? ` anchor="${typeof a2.anchorId === "string" ? a2.anchorId : a2.anchorId.selector}"` : ""}${a2.label ? ` "${a2.label}"` : ""}`
           ).join(", ")
         );
       }
@@ -38430,7 +38571,7 @@ ${cssRules}
   }
 
   // src/index.ts
-  var RUNTIME_SDK_BUILD = true ? `${"2026-03-02T05:10:12.769Z"} (${"e499f8d074"})` : "dev";
+  var RUNTIME_SDK_BUILD = true ? `${"2026-03-02T18:34:22.502Z"} (${"6c75590b5e"})` : "dev";
   if (typeof window !== "undefined") {
     console.log(`[Syntro Runtime] Build: ${RUNTIME_SDK_BUILD}`);
     const existing = window.SynOS;