@syntrologie/runtime-sdk 2.4.0-canary.25 → 2.4.0-canary.26

package/dist/smart-canvas.js

@@ -13082,8 +13082,19 @@ var SyntrologieSDK = (() => {
       } };
     }
     const sanitizedHtml = sanitizeHtml(action.html);
+    const dedupAttr = "data-syntro-insert-label";
+    const label = action.label;
+    if (label) {
+      const escapedLabel = CSS.escape(label);
+      const searchRoot = anchorEl.parentElement ?? anchorEl;
+      const existing = searchRoot.querySelector(`[${dedupAttr}="${escapedLabel}"]`);
+      if (existing)
+        existing.remove();
+    }
     const container = document.createElement("div");
     container.setAttribute("data-syntro-action-id", context.generateId());
+    if (label)
+      container.setAttribute(dedupAttr, label);
     container.innerHTML = sanitizedHtml;
     let originalContent = null;
     switch (action.position) {
@@ -16449,26 +16460,40 @@ var SyntrologieSDK = (() => {
     }
     const attachTrigger = () => {
       if (opts.trigger === "hover") {
-        const enter = () => {
+        let hideTimeout = null;
+        const show = () => {
+          if (hideTimeout) {
+            clearTimeout(hideTimeout);
+            hideTimeout = null;
+          }
           div.style.visibility = "visible";
           div.style.opacity = "1";
         };
-        const leave = () => {
-          div.style.visibility = "hidden";
-          div.style.opacity = "0";
+        const scheduleHide = () => {
+          hideTimeout = setTimeout(() => {
+            div.style.visibility = "hidden";
+            div.style.opacity = "0";
+            hideTimeout = null;
+          }, 100);
         };
         div.style.visibility = "hidden";
         div.style.opacity = "0";
         div.style.transition = "opacity 200ms ease, visibility 200ms";
-        anchorEl.addEventListener("mouseenter", enter);
-        anchorEl.addEventListener("mouseleave", leave);
-        anchorEl.addEventListener("focus", enter);
-        anchorEl.addEventListener("blur", leave);
+        anchorEl.addEventListener("mouseenter", show);
+        anchorEl.addEventListener("mouseleave", scheduleHide);
+        div.addEventListener("mouseenter", show);
+        div.addEventListener("mouseleave", scheduleHide);
+        anchorEl.addEventListener("focus", show);
+        anchorEl.addEventListener("blur", scheduleHide);
         return () => {
-          anchorEl.removeEventListener("mouseenter", enter);
-          anchorEl.removeEventListener("mouseleave", leave);
-          anchorEl.removeEventListener("focus", enter);
-          anchorEl.removeEventListener("blur", leave);
+          if (hideTimeout)
+            clearTimeout(hideTimeout);
+          anchorEl.removeEventListener("mouseenter", show);
+          anchorEl.removeEventListener("mouseleave", scheduleHide);
+          div.removeEventListener("mouseenter", show);
+          div.removeEventListener("mouseleave", scheduleHide);
+          anchorEl.removeEventListener("focus", show);
+          anchorEl.removeEventListener("blur", scheduleHide);
         };
       }
       if (opts.trigger === "click") {
@@ -19260,7 +19285,7 @@ var SyntrologieSDK = (() => {
   }
 
   // src/version.ts
-  var SDK_VERSION = "2.4.0-canary.25";
+  var SDK_VERSION = "2.4.0-canary.26";
 
   // src/types.ts
   var SDK_SCHEMA_VERSION = "2.0";
@@ -21310,10 +21335,12 @@ ${cssRules}
   var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
   function WidgetMount({ widgetId, props }) {
     const runtime7 = useRuntime();
-    const containerRef = (0, import_react13.useRef)(null);
+    const parentRef = (0, import_react13.useRef)(null);
     const handleRef = (0, import_react13.useRef)(null);
     const registry = runtime7?.widgets;
     const widgetAvailable = registry?.has(widgetId) ?? false;
+    const propsRef = (0, import_react13.useRef)(props);
+    propsRef.current = props;
     const [, forceUpdate] = (0, import_react13.useReducer)((x2) => x2 + 1, 0);
     (0, import_react13.useEffect)(() => {
       if (!registry || widgetAvailable) return;
@@ -21324,14 +21351,26 @@ ${cssRules}
       });
     }, [registry, widgetId, widgetAvailable]);
     (0, import_react13.useEffect)(() => {
-      if (!containerRef.current || !registry || !widgetAvailable) return;
-      const handle = registry.mount(widgetId, containerRef.current, props);
+      if (!parentRef.current || !registry || !widgetAvailable) return;
+      const container = document.createElement("div");
+      container.style.width = "100%";
+      container.style.minHeight = "40px";
+      parentRef.current.appendChild(container);
+      const handle = registry.mount(widgetId, container, propsRef.current);
       handleRef.current = handle;
       return () => {
         handle.unmount();
         handleRef.current = null;
+        container.remove();
       };
-    }, [registry, widgetId, props, widgetAvailable]);
+    }, [registry, widgetId, widgetAvailable]);
+    const propsJson = JSON.stringify(props);
+    const prevPropsJsonRef = (0, import_react13.useRef)(propsJson);
+    (0, import_react13.useEffect)(() => {
+      if (prevPropsJsonRef.current === propsJson) return;
+      prevPropsJsonRef.current = propsJson;
+      handleRef.current?.update(propsRef.current);
+    }, [propsJson]);
     if (!registry || !registry.has(widgetId)) {
       return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
         "div",
@@ -21349,7 +21388,7 @@ ${cssRules}
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref: containerRef, style: { width: "100%", minHeight: "40px" } });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref: parentRef });
   }
   function TileCard({
     config,
@@ -36190,7 +36229,17 @@ ${cssRules}
     actions: external_exports.array(external_exports.any()),
     theme: CanvasThemeConfigZ.optional(),
     launcher: LauncherConfigZ.optional(),
-    verificationSteps: external_exports.array(external_exports.string()).optional()
+    meta: external_exports.object({
+      verificationSteps: external_exports.array(
+        external_exports.union([
+          external_exports.string(),
+          external_exports.object({
+            text: external_exports.string(),
+            check: ConditionZ.optional()
+          })
+        ])
+      ).optional()
+    }).passthrough().optional()
   }).strict();
 
   // src/actions/schema.ts
@@ -39300,7 +39349,7 @@ ${cssRules}
   }
 
   // src/index.ts
-  var RUNTIME_SDK_BUILD = true ? `${"2026-03-04T05:03:35.535Z"} (${"485144000d"})` : "dev";
+  var RUNTIME_SDK_BUILD = true ? `${"2026-03-04T23:23:37.890Z"} (${"a49ba3d7ef"})` : "dev";
   if (typeof window !== "undefined") {
     console.log(`[Syntro Runtime] Build: ${RUNTIME_SDK_BUILD}`);
     const existing = window.SynOS;