npm - @accelerated-agency/visual-editor - Versions diffs - 0.3.2 → 0.3.4 - Mend

@accelerated-agency/visual-editor 0.3.2 → 0.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

@@ -4807,6 +4807,7 @@ function PlatformVisualEditorV2({
   // channel kept for API compatibility; VvvebJs uses its own internal channel
   embeddedGlobalKey = "__CONVERSION_EMBEDDED__",
   proxyBaseUrl = "",
+  strictObserverFreeze = false,
   className = "fixed inset-0 z-[9999] flex flex-col bg-white",
   editorClassName = "flex-1 min-h-0",
   showHeader = true,
@@ -4867,9 +4868,10 @@ function PlatformVisualEditorV2({
       status: experiment?.status,
       pageUrl: experiment?.pageUrl,
       editorPassword: experiment?.editorPassword,
+      strictObserverFreeze: !!strictObserverFreeze,
       variations: experiment?.variations ?? []
     }),
-    [experiment]
+    [experiment, strictObserverFreeze]
   );
   console.log("loadPayload", loadPayload);
   const editorSrc = useMemo(() => {
@@ -4960,7 +4962,7 @@ function PlatformVisualEditorV2({
     window.addEventListener("message", listener);
     return () => window.removeEventListener("message", listener);
   }, [handleMessage]);
-  const onTabClick = useCallback(
+  useCallback(
     (tab) => onTabChange?.(tab),
     [onTabChange]
   );
@@ -4972,59 +4974,16 @@ function PlatformVisualEditorV2({
       /* @__PURE__ */ jsx("p", { className: "text-xs text-red-400", children: error })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    showHeader ? renderHeader?.({
-      title: title ?? experiment?.name,
-      status: status ?? experiment?.status,
-      tabs,
-      activeTab,
-      onTabClick,
-      onClose
-    }) ?? /* ── Figma-style top bar ── */
-    /* @__PURE__ */ jsxs("div", { className: "h-12 border-b border-slate-200 bg-white flex items-center justify-between px-4 shadow-[0_1px_3px_rgba(0,0,0,0.04)] shrink-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 min-w-0", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold tracking-wide px-1.5 py-0.5 rounded bg-indigo-50 text-indigo-600 border border-indigo-100 shrink-0", children: "V2" }),
-        /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-slate-800 truncate", children: title ?? experiment?.name ?? "Visual Editor" }),
-        status ? /* @__PURE__ */ jsx("span", { className: "hidden sm:inline-flex text-[10px] px-2 py-0.5 rounded-full border border-slate-200 text-slate-500 font-medium bg-slate-50 capitalize", children: status }) : null,
-        dirty ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "w-1.5 h-1.5 rounded-full bg-amber-400 shrink-0",
-            title: "Unsaved changes"
-          }
-        ) : null
-      ] }),
-      tabs.length > 0 ? /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center gap-1 absolute left-1/2 -translate-x-1/2", children: tabs.map((tab) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => onTabClick(tab),
-          className: `text-[11px] font-semibold px-3 py-1 rounded-full border transition-all ${tab.label === activeTab ? "bg-indigo-600 text-white border-indigo-600 shadow-sm" : "bg-white text-slate-500 border-slate-200 hover:border-slate-300 hover:text-slate-700"}`,
-          children: tab.label
-        },
-        tab.hash
-      )) }) : null,
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: showCloseButton ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "text-[11px] font-medium px-3 py-1.5 rounded-md border border-slate-200 text-slate-600 hover:bg-slate-50 hover:border-slate-300 transition-all",
-          onClick: () => sendToVvveb("close-editor", {}),
-          children: closeLabel
-        }
-      ) : null })
-    ] }) : null,
-    /* @__PURE__ */ jsx("div", { className: editorClassName, children: /* @__PURE__ */ jsx(
-      "iframe",
-      {
-        ref: iframeRef,
-        src: editorSrc,
-        className: "w-full h-full border-0",
-        title: "Vvveb Visual Editor",
-        allow: "same-origin"
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("div", { className: editorClassName, children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      ref: iframeRef,
+      src: editorSrc,
+      className: "w-full h-full border-0",
+      title: "Vvveb Visual Editor",
+      allow: "same-origin"
+    }
+  ) }) });
 }
 var AI_EDITOR_CHANNEL = "ve-ai-editor";
 var AI_VIEWPORT_WIDTH = {

package/dist/vite.cjs CHANGED Viewed

@@ -11,8 +11,20 @@ var fs__default = /*#__PURE__*/_interopDefault(fs);
 var path__default = /*#__PURE__*/_interopDefault(path);
 // src/visualEditorProxyPlugin.ts
-var popupHideCss = `<style id="__ce_popup_hide">#CybotCookiebotDialog,#CybotCookiebotDialogBodyUnderlay,#onetrust-consent-sdk,#onetrust-banner-sdk,.cc-window,.cc-banner,.cc-overlay,#cookie-notice,#cookie-banner,#cookie-consent,.cookie-notice,.cookie-banner,.cookie-consent,.cookie-popup,.cookie-bar,.cookie-message,.cookie-alert,.gdpr-banner,.gdpr-consent,.gdpr-popup,.gdpr-overlay,#gdpr-consent,#gdpr-banner,.consent-banner,.consent-popup,.consent-overlay,#consent-banner,#consent-popup,[class*="cookie-consent"],[class*="cookie-banner"],[class*="cookie-notice"],[class*="CookieConsent"],[class*="CookieBanner"],[id*="cookie-consent"],[id*="cookie-banner"],[id*="cookie-notice"],[aria-label*="cookie" i],[aria-label*="consent" i],.klaro,.klaro .cookie-modal,#usercentrics-root,.trustarc-banner,#truste-consent-track,#hs-eu-cookie-confirmation,.osano-cm-window,.osano-cm-dialog,.evidon-banner,#_evidon_banner,.js-cookie-consent,.cookie-disclaimer,.shopify-section-cookies,#shopify-section-cookies,#shopify-pc__banner,#shopify-pc__modal,.privacy-banner,.privacy-popup,[data-testid="cookie-banner"],[data-testid="consent-banner"],.amgdprcookie-bar-container,[data-amcookie-js="bar"],.amgdprjs-bar-template,.amgdprcookie-modal-container,.amgdprcookie-modal-overlay,#cmplz-cookiebanner-container,.cmplz-cookiebanner,#iubenda-cs-banner,.iubenda-cs-container,#qc-cmp2-container,.qc-cmp2-consent-info,#didomi-host,.didomi-popup-container,.didomi-notice,#termly-code-snippet-support,[class*="termly"],[class*="gdprcookie"],[class*="amgdpr"],[id*="gdpr-cookie"],[class*="cookie-modal"],[id*="cookie-modal"],[class*="cookieConsent"],[id*="cookieConsent"],.klaviyo-form,.klaviyo-modal,.klaviyo-popup,[class*="klaviyo"],.privy-popup,.privy-flyout,[id*="privy"],#PopupSignupForm,.popup-signup,.newsletter-popup,.newsletter-modal,[class*="newsletter-popup"],[class*="newsletter-modal"],[id*="newsletter-popup"],.email-popup,.email-modal,[class*="email-popup"],[class*="email-modal"],.signup-popup,.signup-modal,[class*="signup-popup"],[class*="signup-modal"],.subscribe-popup,.subscribe-modal,[class*="subscribe-popup"],#mc_embed_signup,.mc-modal,.mc-banner,.mc-closeModal,.omniconvert-popup,[class*="omniconvert"],.optinmonster-popup,[id*="om-"][class*="campaign"],.sumo-overlay,.sumome-overlay,[class*="sumome"],.hustle-modal,.hustle-popup,[class*="hustle-"],.popup-overlay,.popup-modal,.modal-overlay,[class*="exit-intent"],[class*="exitintent"],.wheelio-popup,[class*="wheelio"],.spin-wheel-popup,.justuno-popup,[class*="justuno"],.wisepops,.wisepops-overlay,[class*="wisepops"],.elegantmodal,.elegant-popup,#zipify-popup,[class*="zipify"],.age-gate,.age-verification,.age-popup,[class*="age-gate"],[class*="age-verif"],[class*="popup-overlay"],[class*="modal-overlay"],[class*="popup-backdrop"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;overflow:hidden!important;}body.klaviyo-open,body.modal-open,body.popup-open,body.no-scroll,body.noscroll{overflow:auto!important;position:static!important;}</style>`;
-var consentAllowCss = `<style id="__ce_consent_allow">#CybotCookiebotDialog,#CybotCookiebotDialogBodyUnderlay,#onetrust-consent-sdk,#onetrust-banner-sdk,.cc-window,.cc-banner,.cc-overlay,#cookie-notice,#cookie-banner,#cookie-consent,.cookie-notice,.cookie-banner,.cookie-consent,.cookie-popup,.cookie-bar,.cookie-message,.cookie-alert,.gdpr-banner,.gdpr-consent,.gdpr-popup,.gdpr-overlay,#gdpr-consent,#gdpr-banner,.consent-banner,.consent-popup,.consent-overlay,#consent-banner,#consent-popup,[class*="cookie-consent"],[class*="cookie-banner"],[class*="cookie-notice"],[class*="CookieConsent"],[class*="CookieBanner"],[id*="cookie-consent"],[id*="cookie-banner"],[id*="cookie-notice"],[aria-label*="cookie" i],[aria-label*="consent" i],.klaro,.klaro .cookie-modal,#usercentrics-root,.trustarc-banner,#truste-consent-track,#hs-eu-cookie-confirmation,.osano-cm-window,.osano-cm-dialog,.evidon-banner,#_evidon_banner,.js-cookie-consent,.cookie-disclaimer,.shopify-section-cookies,#shopify-section-cookies,#shopify-pc__banner,#shopify-pc__modal,.privacy-banner,.privacy-popup,[data-testid="cookie-banner"],[data-testid="consent-banner"],.amgdprcookie-bar-container,[data-amcookie-js="bar"],.amgdprjs-bar-template,.amgdprcookie-modal-container,.amgdprcookie-modal-overlay,#cmplz-cookiebanner-container,.cmplz-cookiebanner,#iubenda-cs-banner,.iubenda-cs-container,#qc-cmp2-container,.qc-cmp2-consent-info,#didomi-host,.didomi-popup-container,.didomi-notice,#termly-code-snippet-support,[class*="termly"],[class*="gdprcookie"],[class*="amgdpr"],[id*="gdpr-cookie"],[class*="cookie-modal"],[id*="cookie-modal"],[class*="cookieConsent"],[id*="cookieConsent"]{display:revert!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:auto!important;overflow:visible!important;}</style>`;
+var iframeAlwaysShowCss = `<style id="__ce_force_show">#CybotCookiebotDialog,#CybotCookiebotDialogBodyUnderlay,#onetrust-consent-sdk,#onetrust-banner-sdk,.cc-window,.cc-banner,.cc-overlay,#cookie-notice,#cookie-banner,#cookie-consent,.cookie-notice,.cookie-banner,.cookie-consent,.cookie-popup,.cookie-bar,.cookie-message,.cookie-alert,.gdpr-banner,.gdpr-consent,.gdpr-popup,.gdpr-overlay,#gdpr-consent,#gdpr-banner,.consent-banner,.consent-popup,.consent-overlay,#consent-banner,#consent-popup,[class*="cookie-consent"],[class*="cookie-banner"],[class*="cookie-notice"],[class*="CookieConsent"],[class*="CookieBanner"],[id*="cookie-consent"],[id*="cookie-banner"],[id*="cookie-notice"],[aria-label*="cookie" i],[aria-label*="consent" i],.klaro,.klaro .cookie-modal,#usercentrics-root,.trustarc-banner,#truste-consent-track,#hs-eu-cookie-confirmation,.osano-cm-window,.osano-cm-dialog,.evidon-banner,#_evidon_banner,.js-cookie-consent,.cookie-disclaimer,.shopify-section-cookies,#shopify-section-cookies,#shopify-pc__banner,#shopify-pc__modal,.privacy-banner,.privacy-popup,[data-testid="cookie-banner"],[data-testid="consent-banner"],.amgdprcookie-bar-container,[data-amcookie-js="bar"],.amgdprjs-bar-template,.amgdprcookie-modal-container,.amgdprcookie-modal-overlay,#cmplz-cookiebanner-container,.cmplz-cookiebanner,#iubenda-cs-banner,.iubenda-cs-container,#qc-cmp2-container,.qc-cmp2-consent-info,#didomi-host,.didomi-popup-container,.didomi-notice,#termly-code-snippet-support,[class*="termly"],[class*="gdprcookie"],[class*="amgdpr"],[id*="gdpr-cookie"],[class*="cookie-modal"],[id*="cookie-modal"],[class*="cookieConsent"],[id*="cookieConsent"]{display:revert!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;}</style>`;
+var iframeAlwaysShowCssGuardScript = `<script id="__ce_force_show_guard">(function(){try{
+function ensureForceShowStyleLast(){
+  var style=document.getElementById("__ce_force_show");
+  if(!style||!document.head)return;
+  if(document.head.lastElementChild!==style){
+    document.head.appendChild(style);
+  }
+}
+ensureForceShowStyleLast();
+var mo=new MutationObserver(function(){ensureForceShowStyleLast();});
+if(document.head){mo.observe(document.head,{childList:true});}
+window.addEventListener("beforeunload",function(){try{mo.disconnect();}catch(_){}});}
+catch(_){}})();</script>`;
 var AI_SYSTEM_PROMPT = `You are a CRO expert. Return JSON only with: hypothesis, mutations, summary. Keep 2-6 precise mutations and only valid selectors from snapshot.`;
 var BRIDGE_SCRIPT = `(function(){if(window.__CONVERSION_BRIDGE_LOADED__)return;window.__CONVERSION_BRIDGE_LOADED__=true;var CHANNEL='conversion-editor';var highlightEl=null;function send(payload){window.parent.postMessage({channel:CHANNEL,payload:payload},'*');}function qs(selector){try{return document.querySelector(selector);}catch(_){return null;}}function getSelector(el){if(!el||el.nodeType!==1)return'';if(el.id)return'#'+CSS.escape(el.id);var parts=[];var current=el;var depth=0;while(current&&current.nodeType===1&&depth<5){var part=current.tagName.toLowerCase();if(current.classList&&current.classList.length){part+='.'+Array.from(current.classList).slice(0,2).map(function(c){return CSS.escape(c);}).join('.');}var parent=current.parentElement;if(parent){var siblings=Array.from(parent.children).filter(function(s){return s.tagName===current.tagName;});if(siblings.length>1)part+=':nth-of-type('+(siblings.indexOf(current)+1)+')';}parts.unshift(part);current=parent;depth+=1;}return parts.join(' > ');}function payloadOf(el){var rect=el.getBoundingClientRect();var style=window.getComputedStyle(el);return{selector:getSelector(el),tagName:el.tagName.toLowerCase(),textContent:(el.textContent||'').trim().slice(0,500),computedStyles:{color:style.color,backgroundColor:style.backgroundColor,fontSize:style.fontSize,fontWeight:style.fontWeight,lineHeight:style.lineHeight,display:style.display},rect:{top:rect.top,left:rect.left,width:rect.width,height:rect.height}};}function applyMutation(m){var el=qs(m.selector);if(!el)return;switch(m.action){case'setStyle':if(m.property)el.style[m.property]=m.value;break;case'setText':el.textContent=m.value;break;case'setHTML':el.innerHTML=m.value;break;case'setAttribute':if(m.property)el.setAttribute(m.property,m.value);break;case'hide':el.style.display='none';break;case'show':el.style.display='';break;case'insertHTML':if(m.position)el.insertAdjacentHTML(m.position,m.value||'');break;case'insertSection':if(m.position)el.insertAdjacentHTML(m.position,m.sectionHtml||m.value||'');break;case'reorderElement':if(!m.targetSelector)break;var target=qs(m.targetSelector);if(!target||!target.parentNode||!el.parentNode)break;if(m.insertPosition==='before')target.parentNode.insertBefore(el,target);else target.parentNode.insertBefore(el,target.nextSibling);break;default:break;}}function revertMutation(m){var el=qs(m.selector);if(!el)return;switch(m.action){case'setStyle':if(m.property)el.style[m.property]=m.previous||'';break;case'setText':el.textContent=m.previous||'';break;case'setHTML':el.innerHTML=m.previous||'';break;case'setAttribute':if(m.property){if(m.previous!=null)el.setAttribute(m.property,m.previous);else el.removeAttribute(m.property);}break;case'hide':case'show':el.style.display=m.previous||'';break;default:break;}}function captureSnapshot(){var elements=Array.from(document.querySelectorAll('h1,h2,h3,p,button,a,input,select,img,section,div')).slice(0,700).map(function(el){var rect=el.getBoundingClientRect();var cs=window.getComputedStyle(el);return{selector:getSelector(el),parentSelector:el.parentElement?getSelector(el.parentElement):null,tagName:el.tagName.toLowerCase(),textContent:(el.textContent||'').trim().slice(0,300),attributes:Array.from(el.attributes||[]).reduce(function(acc,a){acc[a.name]=a.value;return acc;},{}),computedStyles:{color:cs.color,backgroundColor:cs.backgroundColor,fontSize:cs.fontSize,fontWeight:cs.fontWeight,display:cs.display},childrenCount:el.children?el.children.length:0,aboveFold:rect.top<window.innerHeight,depth:(function(){var d=0,p=el.parentElement;while(p&&d<25){d++;p=p.parentElement;}return d;})()};});send({type:'snapshotCaptured',snapshot:{url:window.location.href,title:document.title,viewport:{width:window.innerWidth,height:window.innerHeight},elements:elements}});}function captureTree(){function toNode(el,depth){var rect=el.getBoundingClientRect();var tag=el.tagName.toLowerCase();var type='generic';if(tag==='section')type='section';else if(tag==='img')type='image';else if(tag==='a')type='link';else if(tag==='button')type='button';else if(tag==='form')type='form';else if(['p','h1','h2','h3','h4','h5','h6','span'].indexOf(tag)>=0)type='text';else if(['div','main','article','aside','header','footer','nav'].indexOf(tag)>=0)type='container';var children=Array.from(el.children||[]).slice(0,50).map(function(c){return toNode(c,depth+1);});return{id:getSelector(el),selector:getSelector(el),tagName:tag,label:(el.getAttribute('aria-label')||el.getAttribute('id')||el.className||tag).toString().slice(0,80),type:type,children:children,depth:depth,isAboveFold:rect.top<window.innerHeight,rect:{top:rect.top,left:rect.left,width:rect.width,height:rect.height}};}send({type:'pageTreeCaptured',tree:[toNode(document.body,0)]});}window.addEventListener('message',function(e){var msg=e.data;if(!msg||msg.channel!==CHANNEL||!msg.payload)return;var p=msg.payload;switch(p.type){case'ping':send({type:'pong'});break;case'applyMutation':applyMutation(p.mutation);break;case'applyMutationBatch':(p.mutations||[]).forEach(applyMutation);break;case'revert':revertMutation(p.mutation);break;case'clearAllMutations':window.location.reload();break;case'captureSnapshot':captureSnapshot();break;case'validateSelectors':send({type:'selectorsValidated',results:(p.selectors||[]).map(function(s){var el=qs(s);return{selector:s,found:!!el,tagName:el?el.tagName.toLowerCase():null};})});break;case'scrollToElement':case'selectElement':var target=qs(p.selector);if(target){target.scrollIntoView({behavior:'smooth',block:'center'});send({type:'elementSelected',element:payloadOf(target)});}break;case'hoverElement':var h=qs(p.selector);if(h){if(highlightEl)highlightEl.style.outline='';h.style.outline='2px solid #3b82f6';highlightEl=h;}break;case'capturePageTree':captureTree();break;default:break;}});document.addEventListener('click',function(e){var el=e.target;if(!(el instanceof Element))return;send({type:'elementSelected',element:payloadOf(el)});},true);send({type:'bridgeReady'});})();`;
 function buildVvvebEditorHtml() {
@@ -254,7 +266,7 @@ html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFo
 /* \u2500\u2500 DOM tree (Elements tab) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 .dt-tree{font-size:11px;padding:0px 0 0px 20px;user-select:none}
 .dt-row{
-  display:flex;align-items:center;gap:2px;min-height:26px;padding:2px 8px 2px 4px;
+  width:fit-content;display:flex;align-items:center;gap:2px;min-height:26px;padding:2px 8px 2px 4px;
   cursor:pointer;color:var(--text-2);border-radius:4px;margin:0 4px
 }
 .dt-row:hover{background:var(--bg-hover);color:var(--text)}
@@ -680,10 +692,10 @@ select.pr-inp{cursor:pointer;background:#fff}
       <button class="tb-dk-btn" id="btn-mode-nav" onclick="setMode('navigate')" title="Navigate mode \u2014 interact with page normally"><i class="bi bi-magic"></i></button>
       <button class="tb-dk-btn" title="Comments"><i class="bi bi-chat-dots"></i></button>
       </div>
-      <!-- btn-close: hidden visually, kept for JS event listener -->
-      <button id="btn-close" style="display:none" title="Close editor"></button>
       <button class="tb-sim-btn" id="btn-simulate" onclick="simulateExperiment()"><i class="bi bi-lightning-charge-fill"></i> Simulate</button>
-      <button class="tb-fin-btn" id="btn-save">Finalize</button>
+      <button class="tb-fin-btn" id="btn-save">Save Changes</button>
+      <!-- btn-close: kept for JS event listener -->
+      <button class="tb-fin-btn" id="btn-close">Close</button>
     </div>
     <!-- url-bar: hidden, kept for JS compatibility -->
@@ -1102,6 +1114,8 @@ var iframeContentNavGen = 0;
 var iframeContentApplyTimer = null;
 var iframeEarlyGranularPrimedForGen = null;
 var iframeEarlySyncPrimedForGen = null;
+var iframeEarlyDomSignature = '';
+var iframeEarlyDomSignatureNavGen = 0;
 /** insert/reorder entries are applied from early granular + full apply \u2014 skip exact duplicates per iframe nav */
 var appliedStructuralChangesetKeys = {};
 var isDirty         = false;
@@ -1113,6 +1127,7 @@ var selectedEl      = null;
 var selectedElFingerprint = '';
 var selectedElRecoverMisses = 0;
 var MAX_SELECTED_RECOVER_MISSES = 12;
+var hoveredTreeEl = null;
 var isDeselectingSelection = false;
 var suppressClickUntil = 0;
 var dragAttachDoc     = null;
@@ -1126,6 +1141,7 @@ var iframeSyncAttempts = 0;
 var selectionScrollWin = null;
 var selectionResizeBound = false;
 var clickAttachDoc = null;
+var hoverAttachDoc = null;
 var changeObserver = null;
 var changeObserverDoc = null;
 /** Incremented while applying changesets / selection chrome so MutationObserver does not mark dirty */
@@ -1338,6 +1354,7 @@ function setMode(mode) {
   document.getElementById('btn-mode-editor').classList.toggle('active', mode === 'editor');
   document.getElementById('btn-mode-nav').classList.toggle('active', mode === 'navigate');
   if (mode === 'navigate') {
+    clearTreeHoverHighlight();
     setDragHandleActive(false);
     deselectElement();
   } else if (mode === 'editor') {
@@ -1721,7 +1738,7 @@ function softReloadEditorIframe() {
   resetIframeBindings();
   setIframePageLoadingUi(true);
   iframe.src = appendIframeReloadBust(src);
-  startIframeContentApplyWatcher(navGen);
+  startIframeContentApplyWatcher(navGen, iframe.contentDocument || null);
   scheduleDomTreeRefresh();
 }
@@ -2049,7 +2066,8 @@ function handleLoadExperiment(data) {
     return;
   }
   var proxyUrl = '/api/conversion-proxy?password=' + encodeURIComponent(data.editorPassword || '') +
-                 '&url=' + encodeURIComponent(pageUrl);
+                 '&url=' + encodeURIComponent(pageUrl) +
+                 '&strictObserverFreeze=' + encodeURIComponent(data && data.strictObserverFreeze ? '1' : '0');
   // Parent often re-posts load-experiment when React re-renders (new object identity) or
   // after mutations-changed. Reloading the iframe again wipes variant changesets mid-session.
@@ -2200,6 +2218,27 @@ function bodyHasFirstPaintChild(body) {
   return false;
 }
+function computeIframeDomSignature(doc) {
+  if (!doc || !doc.body) return '';
+  var body = doc.body;
+  var tags = [];
+  var walker = null;
+  try {
+    walker = doc.createTreeWalker(body, NodeFilter.SHOW_ELEMENT, null);
+  } catch(_) {
+    walker = null;
+  }
+  var count = 0;
+  if (walker) {
+    while (walker.nextNode() && count < 400) {
+      var node = walker.currentNode;
+      tags.push((node && node.tagName) ? String(node.tagName).toLowerCase() : '');
+      count += 1;
+    }
+  }
+  return String(body.children ? body.children.length : 0) + '|' + String(count) + '|' + tags.join(',');
+}
 /** True when at least one granular changeset selector already matches (nested content painted). */
 function granularAnySelectorMatches(doc, cs) {
   if (!doc || !cs || !cs.length) return false;
@@ -2354,6 +2393,7 @@ function resetIframeBindings() {
   appliedStructuralChangesetKeys = {};
   clickAttachDoc = null;
   dragAttachDoc = null;
+  hoverAttachDoc = null;
   changeObserverDoc = null;
   clearPendingGranularChangesets();
   if (changeObserver) {
@@ -2382,7 +2422,7 @@ function loadPage(proxyUrl) {
   iframe.style.display = 'block';
   setIframePageLoadingUi(true);
   iframe.src = appendIframeReloadBust(proxyUrl);
-  startIframeContentApplyWatcher(navGen);
+  startIframeContentApplyWatcher(navGen, iframe.contentDocument || null);
   scheduleDomTreeRefresh();
 }
@@ -2454,7 +2494,7 @@ function switchVariation(varId) {
       iframe.src = appendIframeReloadBust(src);
       // Do not sync here: the document is still the previous navigation until the
       // iframe load event; an eager sync attached observers / DOM tree to the wrong document.
-      startIframeContentApplyWatcher(navGen);
+      startIframeContentApplyWatcher(navGen, iframe.contentDocument || null);
       scheduleDomTreeRefresh();
     }
   } catch(_) {}
@@ -2971,10 +3011,12 @@ function reapplyActiveVariationGranular(iframeDoc) {
 }
 /** Poll iframe document during navigation; apply granular edits as soon as DOM can match selectors. */
-function startIframeContentApplyWatcher(navGen) {
+function startIframeContentApplyWatcher(navGen, prevDocRef) {
   stopIframeContentApplyWatcher();
   iframeEarlyGranularPrimedForGen = null;
   iframeEarlySyncPrimedForGen = null;
+  iframeEarlyDomSignature = '';
+  iframeEarlyDomSignatureNavGen = navGen;
   var iframe = document.getElementById('iframeId');
   iframeContentApplyTimer = setInterval(function() {
     if (navGen !== iframeContentNavGen) {
@@ -2984,6 +3026,7 @@ function startIframeContentApplyWatcher(navGen) {
     try {
       var doc = iframe.contentDocument;
       if (!doc || !doc.body) return;
+      if (prevDocRef && doc === prevDocRef) return;
       var docUrl = '';
       try { docUrl = String(doc.URL || ''); } catch(_) {}
       if (docUrl === 'about:blank') return;
@@ -3018,6 +3061,7 @@ function startIframeContentApplyWatcher(navGen) {
           }
           if (iframeEarlySyncPrimedForGen !== navGen) {
             iframeEarlySyncPrimedForGen = navGen;
+            iframeEarlyDomSignature = computeIframeDomSignature(doc);
             syncIframeInteractions('iframe-early-paint');
           }
         }
@@ -3087,6 +3131,8 @@ function injectIframeSelectionStyles(doc) {
   st.textContent =
     '.vve-selected{outline:2px solid #6366f1!important;outline-offset:2px!important;' +
     'box-shadow:0 0 0 2px rgba(99,102,241,.28),inset 0 0 0 1px rgba(99,102,241,.18)!important;}' +
+    '.vve-tree-hover{outline:2px solid #6366f1!important;outline-offset:2px!important;' +
+    'box-shadow:0 0 0 2px rgba(99,102,241,.22),inset 0 0 0 1px rgba(99,102,241,.12)!important;}' +
     'html.vve-drag-armed .vve-selected{cursor:grab!important;}' +
     '.vve-dragging{opacity:0.92!important;outline:2px dashed #f59e0b!important;' +
     'outline-offset:2px!important;cursor:grabbing!important;box-shadow:none!important;}';
@@ -3098,6 +3144,47 @@ function injectIframeSelectionStyles(doc) {
   }
 }
+function clearTreeHoverHighlight() {
+  if (!hoveredTreeEl) return;
+  beginSuppressIframeMutationDirty();
+  try {
+    if (hoveredTreeEl.classList) hoveredTreeEl.classList.remove('vve-tree-hover');
+  } catch(_) {
+  } finally {
+    endSuppressIframeMutationDirty();
+    hoveredTreeEl = null;
+  }
+}
+function setTreeHoverHighlight(el) {
+  if (!el || el.nodeType !== 1) {
+    clearTreeHoverHighlight();
+    return;
+  }
+  if (hoveredTreeEl === el) return;
+  clearTreeHoverHighlight();
+  beginSuppressIframeMutationDirty();
+  try {
+    if (el.classList) el.classList.add('vve-tree-hover');
+    hoveredTreeEl = el;
+  } catch(_) {
+    hoveredTreeEl = null;
+  } finally {
+    endSuppressIframeMutationDirty();
+  }
+}
+function isTreeHoverOnlyClassMutation(mutation) {
+  if (!mutation || mutation.type !== 'attributes' || mutation.attributeName !== 'class') return false;
+  var oldClass = String(mutation.oldValue || '');
+  var target = mutation.target;
+  var nextClass = '';
+  try {
+    nextClass = target && typeof target.className === 'string' ? target.className : '';
+  } catch(_) {}
+  return oldClass.indexOf('vve-tree-hover') >= 0 || String(nextClass).indexOf('vve-tree-hover') >= 0;
+}
 function setDragHandleActive(on) {
   dragHandleActive = !!on;
   var b = document.getElementById('sf-drag');
@@ -3418,6 +3505,9 @@ function renderDomTree(filterRaw) {
       if (e.target.closest && e.target.closest('.dt-chev')) return;
       selectElementFromTree(el);
     };
+    row.onmouseenter = function() {
+      setTreeHoverHighlight(el);
+    };
     root.appendChild(row);
     if (!hasKids || collapsed) return;
@@ -3436,6 +3526,9 @@ function renderDomTree(filterRaw) {
       ? '<div class="dt-muted">No elements match your search.</div>'
       : '<div class="dt-muted">No visible elements yet.</div>';
   }
+  root.onmouseleave = function() {
+    clearTreeHoverHighlight();
+  };
 }
 // \u2500\u2500 Utility helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -3855,12 +3948,25 @@ function renderRightPanel(el) {
   var sel = buildSelector(el);
   bindings.forEach(function(b){
     var inp = document.getElementById(b[0]);
-    if (inp) inp.addEventListener('input', function(){
+    if (inp) {
+      var onValueChange = function() {
       // Read the original value BEFORE applying the change so we can revert later
       var orig = getOriginalValue(b[0], el);
       b[1](inp.value);
-      logChange(sel, b[0], inp.value, el, orig);
-    });
+      var valueToLog = inp.value;
+      try {
+        console.log('[V2] input changed', {
+          inputId: b[0],
+          rawValue: inp.value,
+          appliedValue: valueToLog,
+          selector: sel,
+        });
+      } catch(_) {}
+      logChange(sel, b[0], valueToLog, el, orig);
+      };
+      inp.addEventListener('input', onValueChange);
+      inp.addEventListener('change', onValueChange);
+    }
   });
 }
@@ -4123,6 +4229,32 @@ function attachClickHandler() {
   } catch(_) {}
 }
+function attachIframeHoverHandler() {
+  try {
+    var iframe = document.getElementById('iframeId');
+    var doc = iframe && iframe.contentDocument;
+    if (!doc || !doc.body) return;
+    if (hoverAttachDoc === doc) return;
+    hoverAttachDoc = doc;
+    doc.addEventListener('mousemove', function(e) {
+      if (currentMode !== 'editor') {
+        clearTreeHoverHighlight();
+        return;
+      }
+      var target = e.target;
+      if (!target || target === doc.body || target === doc.documentElement) {
+        clearTreeHoverHighlight();
+        return;
+      }
+      setTreeHoverHighlight(target);
+    }, true);
+    doc.addEventListener('mouseout', function(e) {
+      if (e.relatedTarget) return;
+      clearTreeHoverHighlight();
+    }, true);
+  } catch(_) {}
+}
 function attachChangeObserver() {
   try {
     var iframe = document.getElementById('iframeId');
@@ -4135,6 +4267,14 @@ function attachChangeObserver() {
       changeObserverDoc = null;
     }
     changeObserver = new MutationObserver(function(mutations) {
+      var hasMeaningfulMutation = false;
+      for (var mi = 0; mi < mutations.length; mi++) {
+        if (!isTreeHoverOnlyClassMutation(mutations[mi])) {
+          hasMeaningfulMutation = true;
+          break;
+        }
+      }
+      if (!hasMeaningfulMutation) return;
       // Dirty state is derived from changesets baseline + stateChanges (not raw DOM mutations).
       // Host scripts can replace selected nodes every few frames (e.g. A/B tool observers).
       // Keep selection sticky by re-resolving from fingerprint.
@@ -4145,7 +4285,7 @@ function attachChangeObserver() {
       updateSelectionToolbar();
     });
     changeObserver.observe(doc.body, {
-      childList: true, subtree: true, attributes: true, characterData: true
+      childList: true, subtree: true, attributes: true, characterData: true, attributeOldValue: true
     });
     changeObserverDoc = doc;
   } catch(_) {}
@@ -4171,6 +4311,7 @@ function syncIframeInteractions(reason) {
     injectIframeSelectionStyles(doc);
     refreshPersistentChangesetStyleTagForActiveVariation();
     attachClickHandler();
+    attachIframeHoverHandler();
     attachDragReposition();
     attachChangeObserver();
     startConsistencyWatchdog(doc);
@@ -4529,10 +4670,9 @@ window.addEventListener('load', function() {
   var iframe = document.getElementById('iframeId');
   iframe.addEventListener('load', function() {
     if (!iframe.src || iframe.src === 'about:blank' || iframe.src === window.location.href) return;
-    // New iframe navigation: always drop bindings tied to the previous document.
-    resetIframeBindings();
     var doc = iframe.contentDocument;
     if (!doc) {
+      resetIframeBindings();
       syncIframeInteractions('iframe-load-no-doc');
       return;
     }
@@ -4541,14 +4681,32 @@ window.addEventListener('load', function() {
     // Stale events: src may already be the proxy URL while the document is still
     // about:blank (e.g. src cleared then reset to force reload). Ask sync path to retry.
     if (docUrl === 'about:blank') {
+      resetIframeBindings();
       syncIframeInteractions('iframe-load-about-blank');
       return;
     }
+    // If early-paint and final load DOM signatures match, avoid a second full apply/reset
+    // that steals focus from sidebar controls while the page is still stabilizing.
+    var shouldRefreshOnFinalLoad = true;
+    if (
+      iframeEarlyDomSignatureNavGen === iframeContentNavGen &&
+      iframeEarlySyncPrimedForGen === iframeContentNavGen &&
+      iframeEarlyDomSignature
+    ) {
+      var finalDomSignature = computeIframeDomSignature(doc);
+      if (finalDomSignature && finalDomSignature === iframeEarlyDomSignature) {
+        shouldRefreshOnFinalLoad = false;
+      }
+    }
+    if (clickAttachDoc !== doc || dragAttachDoc !== doc || changeObserverDoc !== doc || hoverAttachDoc !== doc) {
+      resetIframeBindings();
+    }
     attachIframeLoadingUntilComplete(iframe);
     if (doc.body && iframeDocMatchesNavigatedSrc(iframe, doc)) {
       stopIframeContentApplyWatcher();
-      deselectElement();
-      applyActiveVariationHtml();
+      if (shouldRefreshOnFinalLoad) {
+        applyActiveVariationHtml();
+      }
     }
     // Always attempt sync; it has its own readiness checks + retry loop.
     syncIframeInteractions('iframe-load');
@@ -4605,6 +4763,7 @@ var getDefaultAnthropicApiKey = () => {
 function createVisualEditorMiddleware(options) {
   const anthropicApiKey = options?.anthropicApiKey || getDefaultAnthropicApiKey();
   const enableGenerateTestApi = options?.enableGenerateTestApi ?? true;
+  const strictObserverFreeze = options?.strictObserverFreeze === true;
   const allowedFrameOrigins = options?.allowedFrameOrigins ?? ["*"];
   function setFrameHeaders(req, res) {
     res.removeHeader("X-Frame-Options");
@@ -4772,6 +4931,8 @@ function createVisualEditorMiddleware(options) {
         const url = new URL(req.url || "", "http://localhost");
         const targetUrl = url.searchParams.get("url");
         const password = url.searchParams.get("password") || "";
+        const strictFreezeParam = (url.searchParams.get("strictObserverFreeze") || "").toLowerCase();
+        const strictObserverFreezeForRequest = strictFreezeParam === "1" || strictFreezeParam === "true" || strictFreezeParam === "yes" ? true : strictFreezeParam === "0" || strictFreezeParam === "false" || strictFreezeParam === "no" ? false : strictObserverFreeze;
         if (!targetUrl) {
           res.statusCode = 400;
           res.end(JSON.stringify({ error: "Missing url parameter" }));
@@ -4890,9 +5051,12 @@ function createVisualEditorMiddleware(options) {
           }
         );
         if (html.includes("</head>")) {
-          html = html.replace("</head>", `${popupHideCss}
-${consentAllowCss}
-</head>`);
+          html = html.replace(
+            "</head>",
+            `${iframeAlwaysShowCss}
+${iframeAlwaysShowCssGuardScript}
+</head>`
+          );
         }
         html = html.replace(
           /<meta[^>]+http-equiv=["']?\s*(x-frame-options|content-security-policy)\s*["']?[^>]*>/gi,
@@ -4906,6 +5070,7 @@ ${consentAllowCss}
 var TARGET_ORIGIN=${JSON.stringify(origin)};
 var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
 var PROXY_PASSWORD=${JSON.stringify(password)};
+var STRICT_OBSERVER_FREEZE=${JSON.stringify(strictObserverFreezeForRequest)};
 window.__CONVERSION_EDITOR_ACTIVE__=true;
 function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#");}
 function toAbsolute(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")||raw.startsWith("//")?TARGET_ORIGIN:TARGET_PAGE_URL;return new URL(raw,base).toString();}catch(_){return raw;}}
@@ -4925,6 +5090,9 @@ try{
       var wrapped=function(list,obs){
         try{
           if(!window.__CONVERSION_EDITOR_ACTIVE__)return cb(list,obs);
+          if(STRICT_OBSERVER_FREEZE){
+            return;
+          }
           var now=Date.now();
           if(now-last<120)return;
           last=now;
@@ -4934,6 +5102,11 @@ try{
       return new NativeMO(wrapped);
     };
     window.MutationObserver.prototype=NativeMO.prototype;
+    try{
+      if(STRICT_OBSERVER_FREEZE){
+        console.info("[conversion-proxy] strict MutationObserver freeze active");
+      }
+    }catch(_){}
   }
 }catch(_){}
 }catch(_){}})();</script>`;

package/dist/vite.js CHANGED Viewed

@@ -3,8 +3,20 @@ import path from 'path';
 import { fileURLToPath } from 'url';
 // src/visualEditorProxyPlugin.ts
-var popupHideCss = `<style id="__ce_popup_hide">#CybotCookiebotDialog,#CybotCookiebotDialogBodyUnderlay,#onetrust-consent-sdk,#onetrust-banner-sdk,.cc-window,.cc-banner,.cc-overlay,#cookie-notice,#cookie-banner,#cookie-consent,.cookie-notice,.cookie-banner,.cookie-consent,.cookie-popup,.cookie-bar,.cookie-message,.cookie-alert,.gdpr-banner,.gdpr-consent,.gdpr-popup,.gdpr-overlay,#gdpr-consent,#gdpr-banner,.consent-banner,.consent-popup,.consent-overlay,#consent-banner,#consent-popup,[class*="cookie-consent"],[class*="cookie-banner"],[class*="cookie-notice"],[class*="CookieConsent"],[class*="CookieBanner"],[id*="cookie-consent"],[id*="cookie-banner"],[id*="cookie-notice"],[aria-label*="cookie" i],[aria-label*="consent" i],.klaro,.klaro .cookie-modal,#usercentrics-root,.trustarc-banner,#truste-consent-track,#hs-eu-cookie-confirmation,.osano-cm-window,.osano-cm-dialog,.evidon-banner,#_evidon_banner,.js-cookie-consent,.cookie-disclaimer,.shopify-section-cookies,#shopify-section-cookies,#shopify-pc__banner,#shopify-pc__modal,.privacy-banner,.privacy-popup,[data-testid="cookie-banner"],[data-testid="consent-banner"],.amgdprcookie-bar-container,[data-amcookie-js="bar"],.amgdprjs-bar-template,.amgdprcookie-modal-container,.amgdprcookie-modal-overlay,#cmplz-cookiebanner-container,.cmplz-cookiebanner,#iubenda-cs-banner,.iubenda-cs-container,#qc-cmp2-container,.qc-cmp2-consent-info,#didomi-host,.didomi-popup-container,.didomi-notice,#termly-code-snippet-support,[class*="termly"],[class*="gdprcookie"],[class*="amgdpr"],[id*="gdpr-cookie"],[class*="cookie-modal"],[id*="cookie-modal"],[class*="cookieConsent"],[id*="cookieConsent"],.klaviyo-form,.klaviyo-modal,.klaviyo-popup,[class*="klaviyo"],.privy-popup,.privy-flyout,[id*="privy"],#PopupSignupForm,.popup-signup,.newsletter-popup,.newsletter-modal,[class*="newsletter-popup"],[class*="newsletter-modal"],[id*="newsletter-popup"],.email-popup,.email-modal,[class*="email-popup"],[class*="email-modal"],.signup-popup,.signup-modal,[class*="signup-popup"],[class*="signup-modal"],.subscribe-popup,.subscribe-modal,[class*="subscribe-popup"],#mc_embed_signup,.mc-modal,.mc-banner,.mc-closeModal,.omniconvert-popup,[class*="omniconvert"],.optinmonster-popup,[id*="om-"][class*="campaign"],.sumo-overlay,.sumome-overlay,[class*="sumome"],.hustle-modal,.hustle-popup,[class*="hustle-"],.popup-overlay,.popup-modal,.modal-overlay,[class*="exit-intent"],[class*="exitintent"],.wheelio-popup,[class*="wheelio"],.spin-wheel-popup,.justuno-popup,[class*="justuno"],.wisepops,.wisepops-overlay,[class*="wisepops"],.elegantmodal,.elegant-popup,#zipify-popup,[class*="zipify"],.age-gate,.age-verification,.age-popup,[class*="age-gate"],[class*="age-verif"],[class*="popup-overlay"],[class*="modal-overlay"],[class*="popup-backdrop"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;overflow:hidden!important;}body.klaviyo-open,body.modal-open,body.popup-open,body.no-scroll,body.noscroll{overflow:auto!important;position:static!important;}</style>`;
-var consentAllowCss = `<style id="__ce_consent_allow">#CybotCookiebotDialog,#CybotCookiebotDialogBodyUnderlay,#onetrust-consent-sdk,#onetrust-banner-sdk,.cc-window,.cc-banner,.cc-overlay,#cookie-notice,#cookie-banner,#cookie-consent,.cookie-notice,.cookie-banner,.cookie-consent,.cookie-popup,.cookie-bar,.cookie-message,.cookie-alert,.gdpr-banner,.gdpr-consent,.gdpr-popup,.gdpr-overlay,#gdpr-consent,#gdpr-banner,.consent-banner,.consent-popup,.consent-overlay,#consent-banner,#consent-popup,[class*="cookie-consent"],[class*="cookie-banner"],[class*="cookie-notice"],[class*="CookieConsent"],[class*="CookieBanner"],[id*="cookie-consent"],[id*="cookie-banner"],[id*="cookie-notice"],[aria-label*="cookie" i],[aria-label*="consent" i],.klaro,.klaro .cookie-modal,#usercentrics-root,.trustarc-banner,#truste-consent-track,#hs-eu-cookie-confirmation,.osano-cm-window,.osano-cm-dialog,.evidon-banner,#_evidon_banner,.js-cookie-consent,.cookie-disclaimer,.shopify-section-cookies,#shopify-section-cookies,#shopify-pc__banner,#shopify-pc__modal,.privacy-banner,.privacy-popup,[data-testid="cookie-banner"],[data-testid="consent-banner"],.amgdprcookie-bar-container,[data-amcookie-js="bar"],.amgdprjs-bar-template,.amgdprcookie-modal-container,.amgdprcookie-modal-overlay,#cmplz-cookiebanner-container,.cmplz-cookiebanner,#iubenda-cs-banner,.iubenda-cs-container,#qc-cmp2-container,.qc-cmp2-consent-info,#didomi-host,.didomi-popup-container,.didomi-notice,#termly-code-snippet-support,[class*="termly"],[class*="gdprcookie"],[class*="amgdpr"],[id*="gdpr-cookie"],[class*="cookie-modal"],[id*="cookie-modal"],[class*="cookieConsent"],[id*="cookieConsent"]{display:revert!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:auto!important;overflow:visible!important;}</style>`;
+var iframeAlwaysShowCss = `<style id="__ce_force_show">#CybotCookiebotDialog,#CybotCookiebotDialogBodyUnderlay,#onetrust-consent-sdk,#onetrust-banner-sdk,.cc-window,.cc-banner,.cc-overlay,#cookie-notice,#cookie-banner,#cookie-consent,.cookie-notice,.cookie-banner,.cookie-consent,.cookie-popup,.cookie-bar,.cookie-message,.cookie-alert,.gdpr-banner,.gdpr-consent,.gdpr-popup,.gdpr-overlay,#gdpr-consent,#gdpr-banner,.consent-banner,.consent-popup,.consent-overlay,#consent-banner,#consent-popup,[class*="cookie-consent"],[class*="cookie-banner"],[class*="cookie-notice"],[class*="CookieConsent"],[class*="CookieBanner"],[id*="cookie-consent"],[id*="cookie-banner"],[id*="cookie-notice"],[aria-label*="cookie" i],[aria-label*="consent" i],.klaro,.klaro .cookie-modal,#usercentrics-root,.trustarc-banner,#truste-consent-track,#hs-eu-cookie-confirmation,.osano-cm-window,.osano-cm-dialog,.evidon-banner,#_evidon_banner,.js-cookie-consent,.cookie-disclaimer,.shopify-section-cookies,#shopify-section-cookies,#shopify-pc__banner,#shopify-pc__modal,.privacy-banner,.privacy-popup,[data-testid="cookie-banner"],[data-testid="consent-banner"],.amgdprcookie-bar-container,[data-amcookie-js="bar"],.amgdprjs-bar-template,.amgdprcookie-modal-container,.amgdprcookie-modal-overlay,#cmplz-cookiebanner-container,.cmplz-cookiebanner,#iubenda-cs-banner,.iubenda-cs-container,#qc-cmp2-container,.qc-cmp2-consent-info,#didomi-host,.didomi-popup-container,.didomi-notice,#termly-code-snippet-support,[class*="termly"],[class*="gdprcookie"],[class*="amgdpr"],[id*="gdpr-cookie"],[class*="cookie-modal"],[id*="cookie-modal"],[class*="cookieConsent"],[id*="cookieConsent"]{display:revert!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;}</style>`;
+var iframeAlwaysShowCssGuardScript = `<script id="__ce_force_show_guard">(function(){try{
+function ensureForceShowStyleLast(){
+  var style=document.getElementById("__ce_force_show");
+  if(!style||!document.head)return;
+  if(document.head.lastElementChild!==style){
+    document.head.appendChild(style);
+  }
+}
+ensureForceShowStyleLast();
+var mo=new MutationObserver(function(){ensureForceShowStyleLast();});
+if(document.head){mo.observe(document.head,{childList:true});}
+window.addEventListener("beforeunload",function(){try{mo.disconnect();}catch(_){}});}
+catch(_){}})();</script>`;
 var AI_SYSTEM_PROMPT = `You are a CRO expert. Return JSON only with: hypothesis, mutations, summary. Keep 2-6 precise mutations and only valid selectors from snapshot.`;
 var BRIDGE_SCRIPT = `(function(){if(window.__CONVERSION_BRIDGE_LOADED__)return;window.__CONVERSION_BRIDGE_LOADED__=true;var CHANNEL='conversion-editor';var highlightEl=null;function send(payload){window.parent.postMessage({channel:CHANNEL,payload:payload},'*');}function qs(selector){try{return document.querySelector(selector);}catch(_){return null;}}function getSelector(el){if(!el||el.nodeType!==1)return'';if(el.id)return'#'+CSS.escape(el.id);var parts=[];var current=el;var depth=0;while(current&&current.nodeType===1&&depth<5){var part=current.tagName.toLowerCase();if(current.classList&&current.classList.length){part+='.'+Array.from(current.classList).slice(0,2).map(function(c){return CSS.escape(c);}).join('.');}var parent=current.parentElement;if(parent){var siblings=Array.from(parent.children).filter(function(s){return s.tagName===current.tagName;});if(siblings.length>1)part+=':nth-of-type('+(siblings.indexOf(current)+1)+')';}parts.unshift(part);current=parent;depth+=1;}return parts.join(' > ');}function payloadOf(el){var rect=el.getBoundingClientRect();var style=window.getComputedStyle(el);return{selector:getSelector(el),tagName:el.tagName.toLowerCase(),textContent:(el.textContent||'').trim().slice(0,500),computedStyles:{color:style.color,backgroundColor:style.backgroundColor,fontSize:style.fontSize,fontWeight:style.fontWeight,lineHeight:style.lineHeight,display:style.display},rect:{top:rect.top,left:rect.left,width:rect.width,height:rect.height}};}function applyMutation(m){var el=qs(m.selector);if(!el)return;switch(m.action){case'setStyle':if(m.property)el.style[m.property]=m.value;break;case'setText':el.textContent=m.value;break;case'setHTML':el.innerHTML=m.value;break;case'setAttribute':if(m.property)el.setAttribute(m.property,m.value);break;case'hide':el.style.display='none';break;case'show':el.style.display='';break;case'insertHTML':if(m.position)el.insertAdjacentHTML(m.position,m.value||'');break;case'insertSection':if(m.position)el.insertAdjacentHTML(m.position,m.sectionHtml||m.value||'');break;case'reorderElement':if(!m.targetSelector)break;var target=qs(m.targetSelector);if(!target||!target.parentNode||!el.parentNode)break;if(m.insertPosition==='before')target.parentNode.insertBefore(el,target);else target.parentNode.insertBefore(el,target.nextSibling);break;default:break;}}function revertMutation(m){var el=qs(m.selector);if(!el)return;switch(m.action){case'setStyle':if(m.property)el.style[m.property]=m.previous||'';break;case'setText':el.textContent=m.previous||'';break;case'setHTML':el.innerHTML=m.previous||'';break;case'setAttribute':if(m.property){if(m.previous!=null)el.setAttribute(m.property,m.previous);else el.removeAttribute(m.property);}break;case'hide':case'show':el.style.display=m.previous||'';break;default:break;}}function captureSnapshot(){var elements=Array.from(document.querySelectorAll('h1,h2,h3,p,button,a,input,select,img,section,div')).slice(0,700).map(function(el){var rect=el.getBoundingClientRect();var cs=window.getComputedStyle(el);return{selector:getSelector(el),parentSelector:el.parentElement?getSelector(el.parentElement):null,tagName:el.tagName.toLowerCase(),textContent:(el.textContent||'').trim().slice(0,300),attributes:Array.from(el.attributes||[]).reduce(function(acc,a){acc[a.name]=a.value;return acc;},{}),computedStyles:{color:cs.color,backgroundColor:cs.backgroundColor,fontSize:cs.fontSize,fontWeight:cs.fontWeight,display:cs.display},childrenCount:el.children?el.children.length:0,aboveFold:rect.top<window.innerHeight,depth:(function(){var d=0,p=el.parentElement;while(p&&d<25){d++;p=p.parentElement;}return d;})()};});send({type:'snapshotCaptured',snapshot:{url:window.location.href,title:document.title,viewport:{width:window.innerWidth,height:window.innerHeight},elements:elements}});}function captureTree(){function toNode(el,depth){var rect=el.getBoundingClientRect();var tag=el.tagName.toLowerCase();var type='generic';if(tag==='section')type='section';else if(tag==='img')type='image';else if(tag==='a')type='link';else if(tag==='button')type='button';else if(tag==='form')type='form';else if(['p','h1','h2','h3','h4','h5','h6','span'].indexOf(tag)>=0)type='text';else if(['div','main','article','aside','header','footer','nav'].indexOf(tag)>=0)type='container';var children=Array.from(el.children||[]).slice(0,50).map(function(c){return toNode(c,depth+1);});return{id:getSelector(el),selector:getSelector(el),tagName:tag,label:(el.getAttribute('aria-label')||el.getAttribute('id')||el.className||tag).toString().slice(0,80),type:type,children:children,depth:depth,isAboveFold:rect.top<window.innerHeight,rect:{top:rect.top,left:rect.left,width:rect.width,height:rect.height}};}send({type:'pageTreeCaptured',tree:[toNode(document.body,0)]});}window.addEventListener('message',function(e){var msg=e.data;if(!msg||msg.channel!==CHANNEL||!msg.payload)return;var p=msg.payload;switch(p.type){case'ping':send({type:'pong'});break;case'applyMutation':applyMutation(p.mutation);break;case'applyMutationBatch':(p.mutations||[]).forEach(applyMutation);break;case'revert':revertMutation(p.mutation);break;case'clearAllMutations':window.location.reload();break;case'captureSnapshot':captureSnapshot();break;case'validateSelectors':send({type:'selectorsValidated',results:(p.selectors||[]).map(function(s){var el=qs(s);return{selector:s,found:!!el,tagName:el?el.tagName.toLowerCase():null};})});break;case'scrollToElement':case'selectElement':var target=qs(p.selector);if(target){target.scrollIntoView({behavior:'smooth',block:'center'});send({type:'elementSelected',element:payloadOf(target)});}break;case'hoverElement':var h=qs(p.selector);if(h){if(highlightEl)highlightEl.style.outline='';h.style.outline='2px solid #3b82f6';highlightEl=h;}break;case'capturePageTree':captureTree();break;default:break;}});document.addEventListener('click',function(e){var el=e.target;if(!(el instanceof Element))return;send({type:'elementSelected',element:payloadOf(el)});},true);send({type:'bridgeReady'});})();`;
 function buildVvvebEditorHtml() {
@@ -246,7 +258,7 @@ html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFo
 /* \u2500\u2500 DOM tree (Elements tab) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 .dt-tree{font-size:11px;padding:0px 0 0px 20px;user-select:none}
 .dt-row{
-  display:flex;align-items:center;gap:2px;min-height:26px;padding:2px 8px 2px 4px;
+  width:fit-content;display:flex;align-items:center;gap:2px;min-height:26px;padding:2px 8px 2px 4px;
   cursor:pointer;color:var(--text-2);border-radius:4px;margin:0 4px
 }
 .dt-row:hover{background:var(--bg-hover);color:var(--text)}
@@ -672,10 +684,10 @@ select.pr-inp{cursor:pointer;background:#fff}
       <button class="tb-dk-btn" id="btn-mode-nav" onclick="setMode('navigate')" title="Navigate mode \u2014 interact with page normally"><i class="bi bi-magic"></i></button>
       <button class="tb-dk-btn" title="Comments"><i class="bi bi-chat-dots"></i></button>
       </div>
-      <!-- btn-close: hidden visually, kept for JS event listener -->
-      <button id="btn-close" style="display:none" title="Close editor"></button>
       <button class="tb-sim-btn" id="btn-simulate" onclick="simulateExperiment()"><i class="bi bi-lightning-charge-fill"></i> Simulate</button>
-      <button class="tb-fin-btn" id="btn-save">Finalize</button>
+      <button class="tb-fin-btn" id="btn-save">Save Changes</button>
+      <!-- btn-close: kept for JS event listener -->
+      <button class="tb-fin-btn" id="btn-close">Close</button>
     </div>
     <!-- url-bar: hidden, kept for JS compatibility -->
@@ -1094,6 +1106,8 @@ var iframeContentNavGen = 0;
 var iframeContentApplyTimer = null;
 var iframeEarlyGranularPrimedForGen = null;
 var iframeEarlySyncPrimedForGen = null;
+var iframeEarlyDomSignature = '';
+var iframeEarlyDomSignatureNavGen = 0;
 /** insert/reorder entries are applied from early granular + full apply \u2014 skip exact duplicates per iframe nav */
 var appliedStructuralChangesetKeys = {};
 var isDirty         = false;
@@ -1105,6 +1119,7 @@ var selectedEl      = null;
 var selectedElFingerprint = '';
 var selectedElRecoverMisses = 0;
 var MAX_SELECTED_RECOVER_MISSES = 12;
+var hoveredTreeEl = null;
 var isDeselectingSelection = false;
 var suppressClickUntil = 0;
 var dragAttachDoc     = null;
@@ -1118,6 +1133,7 @@ var iframeSyncAttempts = 0;
 var selectionScrollWin = null;
 var selectionResizeBound = false;
 var clickAttachDoc = null;
+var hoverAttachDoc = null;
 var changeObserver = null;
 var changeObserverDoc = null;
 /** Incremented while applying changesets / selection chrome so MutationObserver does not mark dirty */
@@ -1330,6 +1346,7 @@ function setMode(mode) {
   document.getElementById('btn-mode-editor').classList.toggle('active', mode === 'editor');
   document.getElementById('btn-mode-nav').classList.toggle('active', mode === 'navigate');
   if (mode === 'navigate') {
+    clearTreeHoverHighlight();
     setDragHandleActive(false);
     deselectElement();
   } else if (mode === 'editor') {
@@ -1713,7 +1730,7 @@ function softReloadEditorIframe() {
   resetIframeBindings();
   setIframePageLoadingUi(true);
   iframe.src = appendIframeReloadBust(src);
-  startIframeContentApplyWatcher(navGen);
+  startIframeContentApplyWatcher(navGen, iframe.contentDocument || null);
   scheduleDomTreeRefresh();
 }
@@ -2041,7 +2058,8 @@ function handleLoadExperiment(data) {
     return;
   }
   var proxyUrl = '/api/conversion-proxy?password=' + encodeURIComponent(data.editorPassword || '') +
-                 '&url=' + encodeURIComponent(pageUrl);
+                 '&url=' + encodeURIComponent(pageUrl) +
+                 '&strictObserverFreeze=' + encodeURIComponent(data && data.strictObserverFreeze ? '1' : '0');
   // Parent often re-posts load-experiment when React re-renders (new object identity) or
   // after mutations-changed. Reloading the iframe again wipes variant changesets mid-session.
@@ -2192,6 +2210,27 @@ function bodyHasFirstPaintChild(body) {
   return false;
 }
+function computeIframeDomSignature(doc) {
+  if (!doc || !doc.body) return '';
+  var body = doc.body;
+  var tags = [];
+  var walker = null;
+  try {
+    walker = doc.createTreeWalker(body, NodeFilter.SHOW_ELEMENT, null);
+  } catch(_) {
+    walker = null;
+  }
+  var count = 0;
+  if (walker) {
+    while (walker.nextNode() && count < 400) {
+      var node = walker.currentNode;
+      tags.push((node && node.tagName) ? String(node.tagName).toLowerCase() : '');
+      count += 1;
+    }
+  }
+  return String(body.children ? body.children.length : 0) + '|' + String(count) + '|' + tags.join(',');
+}
 /** True when at least one granular changeset selector already matches (nested content painted). */
 function granularAnySelectorMatches(doc, cs) {
   if (!doc || !cs || !cs.length) return false;
@@ -2346,6 +2385,7 @@ function resetIframeBindings() {
   appliedStructuralChangesetKeys = {};
   clickAttachDoc = null;
   dragAttachDoc = null;
+  hoverAttachDoc = null;
   changeObserverDoc = null;
   clearPendingGranularChangesets();
   if (changeObserver) {
@@ -2374,7 +2414,7 @@ function loadPage(proxyUrl) {
   iframe.style.display = 'block';
   setIframePageLoadingUi(true);
   iframe.src = appendIframeReloadBust(proxyUrl);
-  startIframeContentApplyWatcher(navGen);
+  startIframeContentApplyWatcher(navGen, iframe.contentDocument || null);
   scheduleDomTreeRefresh();
 }
@@ -2446,7 +2486,7 @@ function switchVariation(varId) {
       iframe.src = appendIframeReloadBust(src);
       // Do not sync here: the document is still the previous navigation until the
       // iframe load event; an eager sync attached observers / DOM tree to the wrong document.
-      startIframeContentApplyWatcher(navGen);
+      startIframeContentApplyWatcher(navGen, iframe.contentDocument || null);
       scheduleDomTreeRefresh();
     }
   } catch(_) {}
@@ -2963,10 +3003,12 @@ function reapplyActiveVariationGranular(iframeDoc) {
 }
 /** Poll iframe document during navigation; apply granular edits as soon as DOM can match selectors. */
-function startIframeContentApplyWatcher(navGen) {
+function startIframeContentApplyWatcher(navGen, prevDocRef) {
   stopIframeContentApplyWatcher();
   iframeEarlyGranularPrimedForGen = null;
   iframeEarlySyncPrimedForGen = null;
+  iframeEarlyDomSignature = '';
+  iframeEarlyDomSignatureNavGen = navGen;
   var iframe = document.getElementById('iframeId');
   iframeContentApplyTimer = setInterval(function() {
     if (navGen !== iframeContentNavGen) {
@@ -2976,6 +3018,7 @@ function startIframeContentApplyWatcher(navGen) {
     try {
       var doc = iframe.contentDocument;
       if (!doc || !doc.body) return;
+      if (prevDocRef && doc === prevDocRef) return;
       var docUrl = '';
       try { docUrl = String(doc.URL || ''); } catch(_) {}
       if (docUrl === 'about:blank') return;
@@ -3010,6 +3053,7 @@ function startIframeContentApplyWatcher(navGen) {
           }
           if (iframeEarlySyncPrimedForGen !== navGen) {
             iframeEarlySyncPrimedForGen = navGen;
+            iframeEarlyDomSignature = computeIframeDomSignature(doc);
             syncIframeInteractions('iframe-early-paint');
           }
         }
@@ -3079,6 +3123,8 @@ function injectIframeSelectionStyles(doc) {
   st.textContent =
     '.vve-selected{outline:2px solid #6366f1!important;outline-offset:2px!important;' +
     'box-shadow:0 0 0 2px rgba(99,102,241,.28),inset 0 0 0 1px rgba(99,102,241,.18)!important;}' +
+    '.vve-tree-hover{outline:2px solid #6366f1!important;outline-offset:2px!important;' +
+    'box-shadow:0 0 0 2px rgba(99,102,241,.22),inset 0 0 0 1px rgba(99,102,241,.12)!important;}' +
     'html.vve-drag-armed .vve-selected{cursor:grab!important;}' +
     '.vve-dragging{opacity:0.92!important;outline:2px dashed #f59e0b!important;' +
     'outline-offset:2px!important;cursor:grabbing!important;box-shadow:none!important;}';
@@ -3090,6 +3136,47 @@ function injectIframeSelectionStyles(doc) {
   }
 }
+function clearTreeHoverHighlight() {
+  if (!hoveredTreeEl) return;
+  beginSuppressIframeMutationDirty();
+  try {
+    if (hoveredTreeEl.classList) hoveredTreeEl.classList.remove('vve-tree-hover');
+  } catch(_) {
+  } finally {
+    endSuppressIframeMutationDirty();
+    hoveredTreeEl = null;
+  }
+}
+function setTreeHoverHighlight(el) {
+  if (!el || el.nodeType !== 1) {
+    clearTreeHoverHighlight();
+    return;
+  }
+  if (hoveredTreeEl === el) return;
+  clearTreeHoverHighlight();
+  beginSuppressIframeMutationDirty();
+  try {
+    if (el.classList) el.classList.add('vve-tree-hover');
+    hoveredTreeEl = el;
+  } catch(_) {
+    hoveredTreeEl = null;
+  } finally {
+    endSuppressIframeMutationDirty();
+  }
+}
+function isTreeHoverOnlyClassMutation(mutation) {
+  if (!mutation || mutation.type !== 'attributes' || mutation.attributeName !== 'class') return false;
+  var oldClass = String(mutation.oldValue || '');
+  var target = mutation.target;
+  var nextClass = '';
+  try {
+    nextClass = target && typeof target.className === 'string' ? target.className : '';
+  } catch(_) {}
+  return oldClass.indexOf('vve-tree-hover') >= 0 || String(nextClass).indexOf('vve-tree-hover') >= 0;
+}
 function setDragHandleActive(on) {
   dragHandleActive = !!on;
   var b = document.getElementById('sf-drag');
@@ -3410,6 +3497,9 @@ function renderDomTree(filterRaw) {
       if (e.target.closest && e.target.closest('.dt-chev')) return;
       selectElementFromTree(el);
     };
+    row.onmouseenter = function() {
+      setTreeHoverHighlight(el);
+    };
     root.appendChild(row);
     if (!hasKids || collapsed) return;
@@ -3428,6 +3518,9 @@ function renderDomTree(filterRaw) {
       ? '<div class="dt-muted">No elements match your search.</div>'
       : '<div class="dt-muted">No visible elements yet.</div>';
   }
+  root.onmouseleave = function() {
+    clearTreeHoverHighlight();
+  };
 }
 // \u2500\u2500 Utility helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -3847,12 +3940,25 @@ function renderRightPanel(el) {
   var sel = buildSelector(el);
   bindings.forEach(function(b){
     var inp = document.getElementById(b[0]);
-    if (inp) inp.addEventListener('input', function(){
+    if (inp) {
+      var onValueChange = function() {
       // Read the original value BEFORE applying the change so we can revert later
       var orig = getOriginalValue(b[0], el);
       b[1](inp.value);
-      logChange(sel, b[0], inp.value, el, orig);
-    });
+      var valueToLog = inp.value;
+      try {
+        console.log('[V2] input changed', {
+          inputId: b[0],
+          rawValue: inp.value,
+          appliedValue: valueToLog,
+          selector: sel,
+        });
+      } catch(_) {}
+      logChange(sel, b[0], valueToLog, el, orig);
+      };
+      inp.addEventListener('input', onValueChange);
+      inp.addEventListener('change', onValueChange);
+    }
   });
 }
@@ -4115,6 +4221,32 @@ function attachClickHandler() {
   } catch(_) {}
 }
+function attachIframeHoverHandler() {
+  try {
+    var iframe = document.getElementById('iframeId');
+    var doc = iframe && iframe.contentDocument;
+    if (!doc || !doc.body) return;
+    if (hoverAttachDoc === doc) return;
+    hoverAttachDoc = doc;
+    doc.addEventListener('mousemove', function(e) {
+      if (currentMode !== 'editor') {
+        clearTreeHoverHighlight();
+        return;
+      }
+      var target = e.target;
+      if (!target || target === doc.body || target === doc.documentElement) {
+        clearTreeHoverHighlight();
+        return;
+      }
+      setTreeHoverHighlight(target);
+    }, true);
+    doc.addEventListener('mouseout', function(e) {
+      if (e.relatedTarget) return;
+      clearTreeHoverHighlight();
+    }, true);
+  } catch(_) {}
+}
 function attachChangeObserver() {
   try {
     var iframe = document.getElementById('iframeId');
@@ -4127,6 +4259,14 @@ function attachChangeObserver() {
       changeObserverDoc = null;
     }
     changeObserver = new MutationObserver(function(mutations) {
+      var hasMeaningfulMutation = false;
+      for (var mi = 0; mi < mutations.length; mi++) {
+        if (!isTreeHoverOnlyClassMutation(mutations[mi])) {
+          hasMeaningfulMutation = true;
+          break;
+        }
+      }
+      if (!hasMeaningfulMutation) return;
       // Dirty state is derived from changesets baseline + stateChanges (not raw DOM mutations).
       // Host scripts can replace selected nodes every few frames (e.g. A/B tool observers).
       // Keep selection sticky by re-resolving from fingerprint.
@@ -4137,7 +4277,7 @@ function attachChangeObserver() {
       updateSelectionToolbar();
     });
     changeObserver.observe(doc.body, {
-      childList: true, subtree: true, attributes: true, characterData: true
+      childList: true, subtree: true, attributes: true, characterData: true, attributeOldValue: true
     });
     changeObserverDoc = doc;
   } catch(_) {}
@@ -4163,6 +4303,7 @@ function syncIframeInteractions(reason) {
     injectIframeSelectionStyles(doc);
     refreshPersistentChangesetStyleTagForActiveVariation();
     attachClickHandler();
+    attachIframeHoverHandler();
     attachDragReposition();
     attachChangeObserver();
     startConsistencyWatchdog(doc);
@@ -4521,10 +4662,9 @@ window.addEventListener('load', function() {
   var iframe = document.getElementById('iframeId');
   iframe.addEventListener('load', function() {
     if (!iframe.src || iframe.src === 'about:blank' || iframe.src === window.location.href) return;
-    // New iframe navigation: always drop bindings tied to the previous document.
-    resetIframeBindings();
     var doc = iframe.contentDocument;
     if (!doc) {
+      resetIframeBindings();
       syncIframeInteractions('iframe-load-no-doc');
       return;
     }
@@ -4533,14 +4673,32 @@ window.addEventListener('load', function() {
     // Stale events: src may already be the proxy URL while the document is still
     // about:blank (e.g. src cleared then reset to force reload). Ask sync path to retry.
     if (docUrl === 'about:blank') {
+      resetIframeBindings();
       syncIframeInteractions('iframe-load-about-blank');
       return;
     }
+    // If early-paint and final load DOM signatures match, avoid a second full apply/reset
+    // that steals focus from sidebar controls while the page is still stabilizing.
+    var shouldRefreshOnFinalLoad = true;
+    if (
+      iframeEarlyDomSignatureNavGen === iframeContentNavGen &&
+      iframeEarlySyncPrimedForGen === iframeContentNavGen &&
+      iframeEarlyDomSignature
+    ) {
+      var finalDomSignature = computeIframeDomSignature(doc);
+      if (finalDomSignature && finalDomSignature === iframeEarlyDomSignature) {
+        shouldRefreshOnFinalLoad = false;
+      }
+    }
+    if (clickAttachDoc !== doc || dragAttachDoc !== doc || changeObserverDoc !== doc || hoverAttachDoc !== doc) {
+      resetIframeBindings();
+    }
     attachIframeLoadingUntilComplete(iframe);
     if (doc.body && iframeDocMatchesNavigatedSrc(iframe, doc)) {
       stopIframeContentApplyWatcher();
-      deselectElement();
-      applyActiveVariationHtml();
+      if (shouldRefreshOnFinalLoad) {
+        applyActiveVariationHtml();
+      }
     }
     // Always attempt sync; it has its own readiness checks + retry loop.
     syncIframeInteractions('iframe-load');
@@ -4597,6 +4755,7 @@ var getDefaultAnthropicApiKey = () => {
 function createVisualEditorMiddleware(options) {
   const anthropicApiKey = options?.anthropicApiKey || getDefaultAnthropicApiKey();
   const enableGenerateTestApi = options?.enableGenerateTestApi ?? true;
+  const strictObserverFreeze = options?.strictObserverFreeze === true;
   const allowedFrameOrigins = options?.allowedFrameOrigins ?? ["*"];
   function setFrameHeaders(req, res) {
     res.removeHeader("X-Frame-Options");
@@ -4764,6 +4923,8 @@ function createVisualEditorMiddleware(options) {
         const url = new URL(req.url || "", "http://localhost");
         const targetUrl = url.searchParams.get("url");
         const password = url.searchParams.get("password") || "";
+        const strictFreezeParam = (url.searchParams.get("strictObserverFreeze") || "").toLowerCase();
+        const strictObserverFreezeForRequest = strictFreezeParam === "1" || strictFreezeParam === "true" || strictFreezeParam === "yes" ? true : strictFreezeParam === "0" || strictFreezeParam === "false" || strictFreezeParam === "no" ? false : strictObserverFreeze;
         if (!targetUrl) {
           res.statusCode = 400;
           res.end(JSON.stringify({ error: "Missing url parameter" }));
@@ -4882,9 +5043,12 @@ function createVisualEditorMiddleware(options) {
           }
         );
         if (html.includes("</head>")) {
-          html = html.replace("</head>", `${popupHideCss}
-${consentAllowCss}
-</head>`);
+          html = html.replace(
+            "</head>",
+            `${iframeAlwaysShowCss}
+${iframeAlwaysShowCssGuardScript}
+</head>`
+          );
         }
         html = html.replace(
           /<meta[^>]+http-equiv=["']?\s*(x-frame-options|content-security-policy)\s*["']?[^>]*>/gi,
@@ -4898,6 +5062,7 @@ ${consentAllowCss}
 var TARGET_ORIGIN=${JSON.stringify(origin)};
 var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
 var PROXY_PASSWORD=${JSON.stringify(password)};
+var STRICT_OBSERVER_FREEZE=${JSON.stringify(strictObserverFreezeForRequest)};
 window.__CONVERSION_EDITOR_ACTIVE__=true;
 function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#");}
 function toAbsolute(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")||raw.startsWith("//")?TARGET_ORIGIN:TARGET_PAGE_URL;return new URL(raw,base).toString();}catch(_){return raw;}}
@@ -4917,6 +5082,9 @@ try{
       var wrapped=function(list,obs){
         try{
           if(!window.__CONVERSION_EDITOR_ACTIVE__)return cb(list,obs);
+          if(STRICT_OBSERVER_FREEZE){
+            return;
+          }
           var now=Date.now();
           if(now-last<120)return;
           last=now;
@@ -4926,6 +5094,11 @@ try{
       return new NativeMO(wrapped);
     };
     window.MutationObserver.prototype=NativeMO.prototype;
+    try{
+      if(STRICT_OBSERVER_FREEZE){
+        console.info("[conversion-proxy] strict MutationObserver freeze active");
+      }
+    }catch(_){}
   }
 }catch(_){}
 }catch(_){}})();</script>`;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@accelerated-agency/visual-editor",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "private": false,
   "description": "Conversion visual editor as a reusable React package",
   "type": "module",
@@ -25,6 +25,7 @@
     "dev": "tsup --watch",
     "clean": "rm -rf dist",
     "build": "tsup",
+    "local:build": "tsup && yarn --cwd ../codebase-server clean && yarn --cwd ../codebase-server dev",
     "watch": "tsup --watch"
   },
   "peerDependencies": {