@accelerated-agency/visual-editor 0.2.7 → 0.2.9

package/dist/vite.cjs

@@ -995,6 +995,11 @@ var vvvebReady      = false;
 var currentMode     = 'editor';
 var currentDevice   = 'desktop';
 var selectedEl      = null;
+/** Stable selector fingerprint for resilient selection recovery after DOM churn. */
+var selectedElFingerprint = '';
+var selectedElRecoverMisses = 0;
+var MAX_SELECTED_RECOVER_MISSES = 12;
+var isDeselectingSelection = false;
 var suppressClickUntil = 0;
 var dragAttachDoc     = null;
 var currentMainTab  = 'design';
@@ -1023,6 +1028,8 @@ var iframeDocLoadingListeners = null;
 // Each entry: {selector, label, cssProp, value, targetEl}
 // cssProp is null for non-CSS attributes (href, alt, classes\u2026)
 var stateChanges    = [];
+/** Per-variation unsaved Design-tab state changes (input edits not yet finalized). */
+var stateChangesByVarId = {};
 /** Pre-apply DOM snapshots for granular + body changesets (used when removing History rows) */
 var appliedChangesetSnapshots = {};
 /** Canonical JSON fingerprints of persisted changesets per variation (last load / finalize) */
@@ -1037,6 +1044,95 @@ function endSuppressIframeMutationDirty() {
   suppressIframeMutationDirty = Math.max(0, suppressIframeMutationDirty - 1);
 }
 
+function commitStateChangesForActiveVariation() {
+  if (!activeVarId) return;
+  stateChangesByVarId[activeVarId] = (stateChanges || []).slice();
+}
+
+function loadStateChangesForActiveVariation() {
+  if (!activeVarId) {
+    stateChanges = [];
+    return;
+  }
+  stateChanges = (stateChangesByVarId[activeVarId] || []).slice();
+}
+
+function recoverSelectedElement(forceDeselectOnMiss) {
+  if (selectedEl && selectedEl.ownerDocument && selectedEl.ownerDocument.contains(selectedEl)) {
+    selectedElRecoverMisses = 0;
+    return selectedEl;
+  }
+  if (!selectedElFingerprint) {
+    // Nothing to recover; clear stale reference without calling deselectElement
+    // (which can recurse back through toolbar updates during rapid DOM churn).
+    if (forceDeselectOnMiss && selectedEl) {
+      beginSuppressIframeMutationDirty();
+      try {
+        try { selectedEl.classList.remove('vve-selected'); } catch(_) {}
+        selectedEl = null;
+        selectedElRecoverMisses = 0;
+      } finally {
+        endSuppressIframeMutationDirty();
+      }
+      var noSel = document.getElementById('no-sel');
+      if (noSel) noSel.style.display = '';
+      var elInfo = document.getElementById('el-info');
+      if (elInfo) elInfo.style.display = 'none';
+      var rp = document.getElementById('rp-accordion');
+      if (rp) rp.style.display = 'none';
+      var bc = document.getElementById('bc-path');
+      if (bc) {
+        bc.textContent = 'No element selected';
+        bc.style.color = 'var(--text-3)';
+      }
+      syncDomTreeSelection();
+    }
+    return null;
+  }
+  var iframe = document.getElementById('iframeId');
+  var doc = iframe && iframe.contentDocument;
+  if (!doc) return null;
+  var recovered = querySelectorResolved(doc, selectedElFingerprint);
+  if (recovered) {
+    beginSuppressIframeMutationDirty();
+    try {
+      selectedEl = recovered;
+      if (selectedEl.classList) selectedEl.classList.add('vve-selected');
+    } finally {
+      endSuppressIframeMutationDirty();
+    }
+    selectedElRecoverMisses = 0;
+    return recovered;
+  }
+  selectedElRecoverMisses += 1;
+  if (forceDeselectOnMiss && selectedElRecoverMisses >= MAX_SELECTED_RECOVER_MISSES) {
+    beginSuppressIframeMutationDirty();
+    try {
+      if (selectedEl) {
+        try { selectedEl.classList.remove('vve-selected'); } catch(_) {}
+      }
+      selectedEl = null;
+      selectedElFingerprint = '';
+      selectedElRecoverMisses = 0;
+    } finally {
+      endSuppressIframeMutationDirty();
+    }
+    var noSel2 = document.getElementById('no-sel');
+    if (noSel2) noSel2.style.display = '';
+    var elInfo2 = document.getElementById('el-info');
+    if (elInfo2) elInfo2.style.display = 'none';
+    var rp2 = document.getElementById('rp-accordion');
+    if (rp2) rp2.style.display = 'none';
+    var bc2 = document.getElementById('bc-path');
+    if (bc2) {
+      bc2.textContent = 'No element selected';
+      bc2.style.color = 'var(--text-3)';
+    }
+    syncDomTreeSelection();
+  }
+  return null;
+}
+
 /** Stable stringify of a variation's changesets field (string or array from API). */
 function fingerprintChangesetsField(raw) {
   if (raw == null) return '[]';
@@ -1293,6 +1389,7 @@ function logChange(selector, inputId, value, targetEl, originalValue) {
     if (idx >= 0) { stateChanges[idx] = entry; } else { stateChanges.push(entry); }
   }
   if (currentMainTab === 'states') renderStatesTab();
+  commitStateChangesForActiveVariation();
   recomputeEditorDirty();
 }
 
@@ -1399,6 +1496,7 @@ function removeStateChange(idx) {
   revertChangeOnDom(change);
   syncDesignInput(change);
   stateChanges.splice(idx, 1);
+  commitStateChangesForActiveVariation();
   renderStatesTab();
   recomputeEditorDirty();
 }
@@ -1409,6 +1507,7 @@ function clearAllStates() {
     syncDesignInput(c);
   });
   stateChanges = [];
+  commitStateChangesForActiveVariation();
   renderStatesTab();
   recomputeEditorDirty();
 }
@@ -1783,7 +1882,9 @@ function handleLoadExperiment(data) {
     experimentData = data;
     variations = Array.isArray(data.variations) ? data.variations : [];
     var prevActive = activeVarId;
+    commitStateChangesForActiveVariation();
     activeVarId = pickActiveVariationIdForLoad(data, variations, prevActive, true);
+    loadStateChangesForActiveVariation();
     writePersistedActiveVariationId(activeVarId);
     renderVariationTabs();
     var urlBarSkip = document.getElementById('url-bar');
@@ -1806,6 +1907,8 @@ function handleLoadExperiment(data) {
   if (!experimentData || prevKey !== nextKey) {
     varHtmlCache = {};
     sessionStructuralChainRowsByVarId = {};
+    stateChangesByVarId = {};
+    stateChanges = [];
     appliedChangesetSnapshots = {};
     appliedStructuralChangesetKeys = {};
   }
@@ -1813,6 +1916,7 @@ function handleLoadExperiment(data) {
   variations = Array.isArray(data.variations) ? data.variations : [];
   var sameExpPage = prevKey === nextKey;
   activeVarId = pickActiveVariationIdForLoad(data, variations, activeVarId, sameExpPage);
+  loadStateChangesForActiveVariation();
   writePersistedActiveVariationId(activeVarId);
   renderVariationTabs();
 
@@ -2136,8 +2240,10 @@ function renderVariationTabs() {
 function switchVariation(varId) {
   if (varId === activeVarId) return;
   saveCurrentVariationHtml();
+  commitStateChangesForActiveVariation();
   clearPendingGranularChangesets();
   activeVarId = varId;
+  loadStateChangesForActiveVariation();
   writePersistedActiveVariationId(varId);
   renderVariationTabs();
   deselectElement();
@@ -2173,6 +2279,7 @@ function switchVariation(varId) {
     }
   } catch(_) {}
   if (currentMainTab === 'history') renderHistoryTab();
+  if (currentMainTab === 'states') renderStatesTab();
   recomputeEditorDirty();
 }
 
@@ -2529,12 +2636,13 @@ function buildPersistedChainSetsForVariation(v) {
   var parsed = parseVariationChangesets(v);
   var base = filterGranularChangesetEntries(parsed);
   var sessionExtra = sessionStructuralChainRowsByVarId[v._id] || [];
-  if (v._id !== activeVarId) {
-    return mergeGranularChainSets(base, sessionExtra);
-  }
+  var sourceStateChanges =
+    v._id === activeVarId
+      ? stateChanges
+      : (stateChangesByVarId[v._id] || []);
   var overlay = [];
-  for (var si = 0; si < stateChanges.length; si++) {
-    var row = stateChangeToChainSet(stateChanges[si]);
+  for (var si = 0; si < sourceStateChanges.length; si++) {
+    var row = stateChangeToChainSet(sourceStateChanges[si]);
     if (row) overlay.push(row);
   }
   return mergeGranularChainSets(mergeGranularChainSets(base, sessionExtra), overlay);
@@ -2640,6 +2748,8 @@ function selectElement(el) {
   try {
     if (selectedEl) { try { selectedEl.classList.remove('vve-selected'); } catch(_) {} }
     selectedEl = el;
+    selectedElFingerprint = buildSelector(el);
+    selectedElRecoverMisses = 0;
     try { el.classList.add('vve-selected'); } catch(_) {}
   } finally {
     endSuppressIframeMutationDirty();
@@ -2656,22 +2766,31 @@ function selectElement(el) {
   }
 }
 
-function deselectElement() {
-  setDragHandleActive(false);
-  beginSuppressIframeMutationDirty();
+function deselectElement(options) {
+  if (isDeselectingSelection) return;
+  isDeselectingSelection = true;
+  var skipToolbarUpdate = !!(options && options.skipToolbarUpdate);
   try {
-    if (selectedEl) { try { selectedEl.classList.remove('vve-selected'); } catch(_) {} selectedEl = null; }
+    setDragHandleActive(false);
+    beginSuppressIframeMutationDirty();
+    try {
+      if (selectedEl) { try { selectedEl.classList.remove('vve-selected'); } catch(_) {} selectedEl = null; }
+      selectedElFingerprint = '';
+      selectedElRecoverMisses = 0;
+    } finally {
+      endSuppressIframeMutationDirty();
+    }
+    document.getElementById('no-sel').style.display = '';
+    document.getElementById('el-info').style.display = 'none';
+    document.getElementById('rp-accordion').style.display = 'none';
+    document.getElementById('bc-path').textContent = 'No element selected';
+    document.getElementById('bc-path').style.color = 'var(--text-3)';
+    switchMainTab('design');
+    if (!skipToolbarUpdate) updateSelectionToolbar();
+    syncDomTreeSelection();
   } finally {
-    endSuppressIframeMutationDirty();
+    isDeselectingSelection = false;
   }
-  document.getElementById('no-sel').style.display = '';
-  document.getElementById('el-info').style.display = 'none';
-  document.getElementById('rp-accordion').style.display = 'none';
-  document.getElementById('bc-path').textContent = 'No element selected';
-  document.getElementById('bc-path').style.color = 'var(--text-3)';
-  switchMainTab('design');
-  updateSelectionToolbar();
-  syncDomTreeSelection();
 }
 
 // \u2500\u2500 Iframe selection chrome, floater toolbar, DOM tree \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -2714,7 +2833,13 @@ function positionSelectionToolbar() {
   var bar = document.getElementById('selection-floater');
   var iframe = document.getElementById('iframeId');
   var panel = document.getElementById('iframe-panel');
-  if (!bar || !selectedEl || !iframe || !iframe.contentWindow || !panel) return;
+  var liveSelected = recoverSelectedElement(false);
+  if (!bar || !liveSelected || !iframe || !iframe.contentWindow || !panel) return;
+  if (selectedEl !== liveSelected) {
+    selectedEl = liveSelected;
+    renderRightPanel(liveSelected);
+    syncDomTreeSelection();
+  }
   var elR = selectedEl.getBoundingClientRect();
   var iframeR = iframe.getBoundingClientRect();
   var panelR = panel.getBoundingClientRect();
@@ -2730,10 +2855,17 @@ function positionSelectionToolbar() {
 function updateSelectionToolbar() {
   var bar = document.getElementById('selection-floater');
   if (!bar) return;
-  if (!selectedEl || currentMode !== 'editor') {
+  if (currentMode !== 'editor') {
     bar.style.display = 'none';
     return;
   }
+  var liveSelected = recoverSelectedElement(true);
+  if (!liveSelected) {
+    bar.style.display = 'none';
+    return;
+  }
+  if (selectedEl !== liveSelected) selectedEl = liveSelected;
+  selectedElFingerprint = buildSelector(liveSelected);
   bar.style.display = 'flex';
   requestAnimationFrame(function() { positionSelectionToolbar(); });
 }
@@ -3701,9 +3833,13 @@ function attachChangeObserver() {
         // Page JS replaced body children; allow structural rows (insert/reorder) to apply again.
         appliedStructuralChangesetKeys = {};
       }
+      // Host scripts can replace selected nodes every few frames (e.g. A/B tool observers).
+      // Keep selection sticky by re-resolving from fingerprint.
+      recoverSelectedElement(false);
       scheduleDomTreeRefresh();
       scheduleGranularChangesetReapply();
       scheduleConsistencyReconcile();
+      updateSelectionToolbar();
     });
     changeObserver.observe(doc.body, {
       childList: true, subtree: true, attributes: true, characterData: true
@@ -3911,6 +4047,7 @@ document.getElementById('btn-close').addEventListener('click', handleClose);
 
 function handleSave() {
   saveCurrentVariationHtml();
+  commitStateChangesForActiveVariation();
   var updatedVariations = variations.map(function(v) {
     var prevParsed = parseVariationChangesets(v);
     var granularPrev = filterGranularChangesetEntries(prevParsed);
@@ -3931,6 +4068,7 @@ function handleSave() {
   variations = updatedVariations;
   varHtmlCache = {};
   sessionStructuralChainRowsByVarId = {};
+  stateChangesByVarId = {};
   stateChanges = [];
   if (currentMainTab === 'states') renderStatesTab();
   captureBaselineFromVariations(variations);
@@ -3948,9 +4086,23 @@ function handleClose() {
 }
 
 // \u2500\u2500 Keyboard shortcuts \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
+function isNativeEditableTarget(target) {
+  if (!target || target.nodeType !== 1) return false;
+  if (target.isContentEditable) return true;
+  if (target.closest && target.closest('[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"]')) {
+    return true;
+  }
+  if (!target.tagName) return false;
+  var tag = String(target.tagName).toLowerCase();
+  return tag === 'input' || tag === 'textarea' || tag === 'select';
+}
+
 document.addEventListener('keydown', function(e) {
+  // Keep native browser undo/redo inside text inputs/contenteditable fields.
+  if (isNativeEditableTarget(e.target)) return;
   var meta = e.metaKey || e.ctrlKey;
-  if (meta && !e.shiftKey && e.key === 'z') {
+  var k = (e.key || '').toLowerCase();
+  if (meta && !e.shiftKey && k === 'z') {
     e.preventDefault();
     if (typeof Vvveb !== 'undefined' && Vvveb.Undo) {
       Vvveb.Undo.undo();
@@ -3958,7 +4110,7 @@ document.addEventListener('keydown', function(e) {
       recomputeEditorDirty();
     }
   }
-  if (meta && e.shiftKey && e.key === 'z') {
+  if (meta && e.shiftKey && k === 'z') {
     e.preventDefault();
     if (typeof Vvveb !== 'undefined' && Vvveb.Undo) {
       Vvveb.Undo.redo();
@@ -4427,7 +4579,96 @@ function createVisualEditorMiddleware(options) {
           html = html.replace("</head>", `${popupHideCss}
 </head>`);
         }
-        const runtimeProxyScript = `<script>(function(){try{var TARGET_ORIGIN=${JSON.stringify(origin)};var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};var EMPTY_JSON_DATA="data:application/json;charset=utf-8,%7B%7D";function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#")||raw.startsWith("http")||raw.startsWith("//");}function toAbsoluteOriginUrl(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;var abs=new URL(raw,base);if(abs.origin!==TARGET_ORIGIN)return raw;return abs.toString();}catch(_){return raw;}}function resolveUrl(s){try{return new URL(s,window.location.href);}catch(_){return null;}}function isNestedMalformedProxy(u){if(!u)return false;var p=u.pathname||"";if(p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0)return false;return p.indexOf("api/conversion-proxy")!==-1;}function skipNestedProxyNetwork(s){var u=typeof s==="string"?resolveUrl(s):null;return u&&isNestedMalformedProxy(u);}function emptyJsonFetchResponse(){return Promise.resolve(new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}}));}if(window.fetch){var _fetch=window.fetch.bind(window);window.fetch=function(input,init){try{var rawUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(rawUrl&&skipNestedProxyNetwork(rawUrl))return emptyJsonFetchResponse();if(typeof input==="string"){input=toAbsoluteOriginUrl(input);}else if(input&&input.url){var next=toAbsoluteOriginUrl(input.url);if(next!==input.url){input=new Request(next,input);}}var after=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(after&&skipNestedProxyNetwork(after))return emptyJsonFetchResponse();}catch(_){}return _fetch(input,init);};}if(window.XMLHttpRequest&&window.XMLHttpRequest.prototype&&window.XMLHttpRequest.prototype.open){var _open=window.XMLHttpRequest.prototype.open;window.XMLHttpRequest.prototype.open=function(method,url){try{var u=resolveUrl(String(url));if(u&&isNestedMalformedProxy(u)){arguments[1]=EMPTY_JSON_DATA;}else{arguments[1]=toAbsoluteOriginUrl(url);}}catch(_){}return _open.apply(this,arguments);};}if(window.navigator&&typeof window.navigator.sendBeacon==="function"){var _beacon=window.navigator.sendBeacon.bind(window.navigator);window.navigator.sendBeacon=function(url,data){try{if(skipNestedProxyNetwork(String(url)))return true;}catch(_){}return _beacon(url,data);};}if(window.navigator&&window.navigator.serviceWorker&&typeof window.navigator.serviceWorker.register==="function"){window.navigator.serviceWorker.register=function(){return Promise.resolve({scope:"disabled-in-editor-proxy"});};}}catch(_){}})();</script>`;
+        html = html.replace(
+          /<meta[^>]+http-equiv=["']?\s*(x-frame-options|content-security-policy)\s*["']?[^>]*>/gi,
+          ""
+        );
+        html = html.replace(
+          /<meta[^>]+name=["']?\s*content-security-policy\s*["']?[^>]*>/gi,
+          ""
+        );
+        const runtimePreflightScript = `<script>(function(){try{
+var TARGET_ORIGIN=${JSON.stringify(origin)};
+var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
+var PROXY_PASSWORD=${JSON.stringify(password)};
+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;}}
+function toProxy(raw){if(isSkippable(raw))return null;var abs=toAbsolute(raw);if(!abs||typeof abs!=="string")return null;try{var parsed=new URL(abs);if(parsed.origin!==TARGET_ORIGIN)return null;return "/api/conversion-proxy?password="+encodeURIComponent(PROXY_PASSWORD||"")+"&url="+encodeURIComponent(parsed.toString());}catch(_){return null;}}
+var nativeAssign=window.location.assign?window.location.assign.bind(window.location):null;
+var nativeReplace=window.location.replace?window.location.replace.bind(window.location):null;
+function safeNavigate(raw,mode){var abs=toAbsolute(raw);var prox=toProxy(raw);if(!prox){try{console.warn("[conversion-proxy] redirect blocked",{mode:mode,requested:raw,resolved:abs,origin:TARGET_ORIGIN});}catch(_){}return false;}try{console.info("[conversion-proxy] redirect intercepted",{mode:mode,requested:raw,resolved:abs,proxied:prox});if(mode==="replace"&&nativeReplace){nativeReplace(prox);return true;}if(nativeAssign){nativeAssign(prox);return true;}window.location.href=prox;return true;}catch(err){try{console.warn("[conversion-proxy] redirect interception failed",{mode:mode,requested:raw,resolved:abs,proxied:prox,error:err&&err.message?err.message:String(err)});}catch(_){}return false;}}
+try{if(nativeAssign){window.location.assign=function(url){return safeNavigate(url,"assign");};}}catch(_){}
+try{if(nativeReplace){window.location.replace=function(url){return safeNavigate(url,"replace");};}}catch(_){}
+try{var hrefDesc=Object.getOwnPropertyDescriptor(Location.prototype,"href");if(hrefDesc&&hrefDesc.configurable&&hrefDesc.get&&hrefDesc.set){Object.defineProperty(Location.prototype,"href",{configurable:true,enumerable:hrefDesc.enumerable,get:function(){return hrefDesc.get.call(this);},set:function(v){safeNavigate(v,"assign");}});}}catch(_){}
+try{
+  var NativeMO=window.MutationObserver;
+  if(NativeMO&&!window.__CONVERSION_MO_GUARDED__){
+    window.__CONVERSION_MO_GUARDED__=true;
+    window.MutationObserver=function(cb){
+      var last=0;
+      var wrapped=function(list,obs){
+        try{
+          if(!window.__CONVERSION_EDITOR_ACTIVE__)return cb(list,obs);
+          var now=Date.now();
+          if(now-last<120)return;
+          last=now;
+          return cb(list,obs);
+        }catch(_){}
+      };
+      return new NativeMO(wrapped);
+    };
+    window.MutationObserver.prototype=NativeMO.prototype;
+  }
+}catch(_){}
+}catch(_){}})();</script>`;
+        html = html.replace(/<head([^>]*)>/i, `<head$1>
+${runtimePreflightScript}
+`);
+        const runtimeProxyScript = `<script>(function(){try{
+var TARGET_ORIGIN=${JSON.stringify(origin)};
+var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
+var EMPTY_JSON_DATA="data:application/json;charset=utf-8,%7B%7D";
+function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#")||raw.startsWith("http")||raw.startsWith("//");}
+function toAbsoluteOriginUrl(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;var abs=new URL(raw,base);if(abs.origin!==TARGET_ORIGIN)return raw;return abs.toString();}catch(_){return raw;}}
+function resolveUrl(s){try{return new URL(s,window.location.href);}catch(_){return null;}}
+function isNestedMalformedProxy(u){if(!u)return false;var p=u.pathname||"";if(p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0)return false;return p.indexOf("api/conversion-proxy")!==-1;}
+function skipNestedProxyNetwork(s){var u=typeof s==="string"?resolveUrl(s):null;return u&&isNestedMalformedProxy(u);}
+function emptyJsonFetchResponse(){return Promise.resolve(new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}}));}
+if(window.fetch){
+  var _fetch=window.fetch.bind(window);
+  window.fetch=function(input,init){
+    var afterUrl="";
+    try{
+      var rawUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");
+      if(rawUrl&&skipNestedProxyNetwork(rawUrl))return emptyJsonFetchResponse();
+      if(typeof input==="string"){
+        input=toAbsoluteOriginUrl(input);
+      }else if(input&&input.url){
+        var next=toAbsoluteOriginUrl(input.url);
+        if(next!==input.url){input=new Request(next,input);}
+      }
+      afterUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");
+      if(afterUrl&&skipNestedProxyNetwork(afterUrl))return emptyJsonFetchResponse();
+    }catch(_){}
+    return _fetch(input,init).catch(function(err){
+      try{
+        var u=afterUrl?resolveUrl(afterUrl):null;
+        var sameOrigin=!!(u&&u.origin===TARGET_ORIGIN);
+        var likelyThirdPartyBg=!sameOrigin||!!(u&&/(^|\\/)apps?(\\/|$)|(^|\\/)a(\\/|$)/.test(u.pathname||""));
+        if(window.__CONVERSION_EDITOR_ACTIVE__&&likelyThirdPartyBg){
+          console.warn("[conversion-proxy] suppressed fetch failure",{url:afterUrl,error:err&&err.message?err.message:String(err)});
+          return new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}});
+        }
+      }catch(_){}
+      throw err;
+    });
+  };
+}
+if(window.XMLHttpRequest&&window.XMLHttpRequest.prototype&&window.XMLHttpRequest.prototype.open){var _open=window.XMLHttpRequest.prototype.open;window.XMLHttpRequest.prototype.open=function(method,url){try{var u=resolveUrl(String(url));if(u&&isNestedMalformedProxy(u)){arguments[1]=EMPTY_JSON_DATA;}else{arguments[1]=toAbsoluteOriginUrl(url);}}catch(_){}return _open.apply(this,arguments);};}
+if(window.navigator&&typeof window.navigator.sendBeacon==="function"){var _beacon=window.navigator.sendBeacon.bind(window.navigator);window.navigator.sendBeacon=function(url,data){try{if(skipNestedProxyNetwork(String(url)))return true;}catch(_){}return _beacon(url,data);};}
+if(window.navigator&&window.navigator.serviceWorker&&typeof window.navigator.serviceWorker.register==="function"){window.navigator.serviceWorker.register=function(){return Promise.resolve({scope:"disabled-in-editor-proxy"});};}
+}catch(_){}})();</script>`;
         if (html.includes("</head>")) {
           html = html.replace("</head>", `${runtimeProxyScript}
 </head>`);

package/dist/vite.js

@@ -987,6 +987,11 @@ var vvvebReady      = false;
 var currentMode     = 'editor';
 var currentDevice   = 'desktop';
 var selectedEl      = null;
+/** Stable selector fingerprint for resilient selection recovery after DOM churn. */
+var selectedElFingerprint = '';
+var selectedElRecoverMisses = 0;
+var MAX_SELECTED_RECOVER_MISSES = 12;
+var isDeselectingSelection = false;
 var suppressClickUntil = 0;
 var dragAttachDoc     = null;
 var currentMainTab  = 'design';
@@ -1015,6 +1020,8 @@ var iframeDocLoadingListeners = null;
 // Each entry: {selector, label, cssProp, value, targetEl}
 // cssProp is null for non-CSS attributes (href, alt, classes\u2026)
 var stateChanges    = [];
+/** Per-variation unsaved Design-tab state changes (input edits not yet finalized). */
+var stateChangesByVarId = {};
 /** Pre-apply DOM snapshots for granular + body changesets (used when removing History rows) */
 var appliedChangesetSnapshots = {};
 /** Canonical JSON fingerprints of persisted changesets per variation (last load / finalize) */
@@ -1029,6 +1036,95 @@ function endSuppressIframeMutationDirty() {
   suppressIframeMutationDirty = Math.max(0, suppressIframeMutationDirty - 1);
 }
 
+function commitStateChangesForActiveVariation() {
+  if (!activeVarId) return;
+  stateChangesByVarId[activeVarId] = (stateChanges || []).slice();
+}
+
+function loadStateChangesForActiveVariation() {
+  if (!activeVarId) {
+    stateChanges = [];
+    return;
+  }
+  stateChanges = (stateChangesByVarId[activeVarId] || []).slice();
+}
+
+function recoverSelectedElement(forceDeselectOnMiss) {
+  if (selectedEl && selectedEl.ownerDocument && selectedEl.ownerDocument.contains(selectedEl)) {
+    selectedElRecoverMisses = 0;
+    return selectedEl;
+  }
+  if (!selectedElFingerprint) {
+    // Nothing to recover; clear stale reference without calling deselectElement
+    // (which can recurse back through toolbar updates during rapid DOM churn).
+    if (forceDeselectOnMiss && selectedEl) {
+      beginSuppressIframeMutationDirty();
+      try {
+        try { selectedEl.classList.remove('vve-selected'); } catch(_) {}
+        selectedEl = null;
+        selectedElRecoverMisses = 0;
+      } finally {
+        endSuppressIframeMutationDirty();
+      }
+      var noSel = document.getElementById('no-sel');
+      if (noSel) noSel.style.display = '';
+      var elInfo = document.getElementById('el-info');
+      if (elInfo) elInfo.style.display = 'none';
+      var rp = document.getElementById('rp-accordion');
+      if (rp) rp.style.display = 'none';
+      var bc = document.getElementById('bc-path');
+      if (bc) {
+        bc.textContent = 'No element selected';
+        bc.style.color = 'var(--text-3)';
+      }
+      syncDomTreeSelection();
+    }
+    return null;
+  }
+  var iframe = document.getElementById('iframeId');
+  var doc = iframe && iframe.contentDocument;
+  if (!doc) return null;
+  var recovered = querySelectorResolved(doc, selectedElFingerprint);
+  if (recovered) {
+    beginSuppressIframeMutationDirty();
+    try {
+      selectedEl = recovered;
+      if (selectedEl.classList) selectedEl.classList.add('vve-selected');
+    } finally {
+      endSuppressIframeMutationDirty();
+    }
+    selectedElRecoverMisses = 0;
+    return recovered;
+  }
+  selectedElRecoverMisses += 1;
+  if (forceDeselectOnMiss && selectedElRecoverMisses >= MAX_SELECTED_RECOVER_MISSES) {
+    beginSuppressIframeMutationDirty();
+    try {
+      if (selectedEl) {
+        try { selectedEl.classList.remove('vve-selected'); } catch(_) {}
+      }
+      selectedEl = null;
+      selectedElFingerprint = '';
+      selectedElRecoverMisses = 0;
+    } finally {
+      endSuppressIframeMutationDirty();
+    }
+    var noSel2 = document.getElementById('no-sel');
+    if (noSel2) noSel2.style.display = '';
+    var elInfo2 = document.getElementById('el-info');
+    if (elInfo2) elInfo2.style.display = 'none';
+    var rp2 = document.getElementById('rp-accordion');
+    if (rp2) rp2.style.display = 'none';
+    var bc2 = document.getElementById('bc-path');
+    if (bc2) {
+      bc2.textContent = 'No element selected';
+      bc2.style.color = 'var(--text-3)';
+    }
+    syncDomTreeSelection();
+  }
+  return null;
+}
+
 /** Stable stringify of a variation's changesets field (string or array from API). */
 function fingerprintChangesetsField(raw) {
   if (raw == null) return '[]';
@@ -1285,6 +1381,7 @@ function logChange(selector, inputId, value, targetEl, originalValue) {
     if (idx >= 0) { stateChanges[idx] = entry; } else { stateChanges.push(entry); }
   }
   if (currentMainTab === 'states') renderStatesTab();
+  commitStateChangesForActiveVariation();
   recomputeEditorDirty();
 }
 
@@ -1391,6 +1488,7 @@ function removeStateChange(idx) {
   revertChangeOnDom(change);
   syncDesignInput(change);
   stateChanges.splice(idx, 1);
+  commitStateChangesForActiveVariation();
   renderStatesTab();
   recomputeEditorDirty();
 }
@@ -1401,6 +1499,7 @@ function clearAllStates() {
     syncDesignInput(c);
   });
   stateChanges = [];
+  commitStateChangesForActiveVariation();
   renderStatesTab();
   recomputeEditorDirty();
 }
@@ -1775,7 +1874,9 @@ function handleLoadExperiment(data) {
     experimentData = data;
     variations = Array.isArray(data.variations) ? data.variations : [];
     var prevActive = activeVarId;
+    commitStateChangesForActiveVariation();
     activeVarId = pickActiveVariationIdForLoad(data, variations, prevActive, true);
+    loadStateChangesForActiveVariation();
     writePersistedActiveVariationId(activeVarId);
     renderVariationTabs();
     var urlBarSkip = document.getElementById('url-bar');
@@ -1798,6 +1899,8 @@ function handleLoadExperiment(data) {
   if (!experimentData || prevKey !== nextKey) {
     varHtmlCache = {};
     sessionStructuralChainRowsByVarId = {};
+    stateChangesByVarId = {};
+    stateChanges = [];
     appliedChangesetSnapshots = {};
     appliedStructuralChangesetKeys = {};
   }
@@ -1805,6 +1908,7 @@ function handleLoadExperiment(data) {
   variations = Array.isArray(data.variations) ? data.variations : [];
   var sameExpPage = prevKey === nextKey;
   activeVarId = pickActiveVariationIdForLoad(data, variations, activeVarId, sameExpPage);
+  loadStateChangesForActiveVariation();
   writePersistedActiveVariationId(activeVarId);
   renderVariationTabs();
 
@@ -2128,8 +2232,10 @@ function renderVariationTabs() {
 function switchVariation(varId) {
   if (varId === activeVarId) return;
   saveCurrentVariationHtml();
+  commitStateChangesForActiveVariation();
   clearPendingGranularChangesets();
   activeVarId = varId;
+  loadStateChangesForActiveVariation();
   writePersistedActiveVariationId(varId);
   renderVariationTabs();
   deselectElement();
@@ -2165,6 +2271,7 @@ function switchVariation(varId) {
     }
   } catch(_) {}
   if (currentMainTab === 'history') renderHistoryTab();
+  if (currentMainTab === 'states') renderStatesTab();
   recomputeEditorDirty();
 }
 
@@ -2521,12 +2628,13 @@ function buildPersistedChainSetsForVariation(v) {
   var parsed = parseVariationChangesets(v);
   var base = filterGranularChangesetEntries(parsed);
   var sessionExtra = sessionStructuralChainRowsByVarId[v._id] || [];
-  if (v._id !== activeVarId) {
-    return mergeGranularChainSets(base, sessionExtra);
-  }
+  var sourceStateChanges =
+    v._id === activeVarId
+      ? stateChanges
+      : (stateChangesByVarId[v._id] || []);
   var overlay = [];
-  for (var si = 0; si < stateChanges.length; si++) {
-    var row = stateChangeToChainSet(stateChanges[si]);
+  for (var si = 0; si < sourceStateChanges.length; si++) {
+    var row = stateChangeToChainSet(sourceStateChanges[si]);
     if (row) overlay.push(row);
   }
   return mergeGranularChainSets(mergeGranularChainSets(base, sessionExtra), overlay);
@@ -2632,6 +2740,8 @@ function selectElement(el) {
   try {
     if (selectedEl) { try { selectedEl.classList.remove('vve-selected'); } catch(_) {} }
     selectedEl = el;
+    selectedElFingerprint = buildSelector(el);
+    selectedElRecoverMisses = 0;
     try { el.classList.add('vve-selected'); } catch(_) {}
   } finally {
     endSuppressIframeMutationDirty();
@@ -2648,22 +2758,31 @@ function selectElement(el) {
   }
 }
 
-function deselectElement() {
-  setDragHandleActive(false);
-  beginSuppressIframeMutationDirty();
+function deselectElement(options) {
+  if (isDeselectingSelection) return;
+  isDeselectingSelection = true;
+  var skipToolbarUpdate = !!(options && options.skipToolbarUpdate);
   try {
-    if (selectedEl) { try { selectedEl.classList.remove('vve-selected'); } catch(_) {} selectedEl = null; }
+    setDragHandleActive(false);
+    beginSuppressIframeMutationDirty();
+    try {
+      if (selectedEl) { try { selectedEl.classList.remove('vve-selected'); } catch(_) {} selectedEl = null; }
+      selectedElFingerprint = '';
+      selectedElRecoverMisses = 0;
+    } finally {
+      endSuppressIframeMutationDirty();
+    }
+    document.getElementById('no-sel').style.display = '';
+    document.getElementById('el-info').style.display = 'none';
+    document.getElementById('rp-accordion').style.display = 'none';
+    document.getElementById('bc-path').textContent = 'No element selected';
+    document.getElementById('bc-path').style.color = 'var(--text-3)';
+    switchMainTab('design');
+    if (!skipToolbarUpdate) updateSelectionToolbar();
+    syncDomTreeSelection();
   } finally {
-    endSuppressIframeMutationDirty();
+    isDeselectingSelection = false;
   }
-  document.getElementById('no-sel').style.display = '';
-  document.getElementById('el-info').style.display = 'none';
-  document.getElementById('rp-accordion').style.display = 'none';
-  document.getElementById('bc-path').textContent = 'No element selected';
-  document.getElementById('bc-path').style.color = 'var(--text-3)';
-  switchMainTab('design');
-  updateSelectionToolbar();
-  syncDomTreeSelection();
 }
 
 // \u2500\u2500 Iframe selection chrome, floater toolbar, DOM tree \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -2706,7 +2825,13 @@ function positionSelectionToolbar() {
   var bar = document.getElementById('selection-floater');
   var iframe = document.getElementById('iframeId');
   var panel = document.getElementById('iframe-panel');
-  if (!bar || !selectedEl || !iframe || !iframe.contentWindow || !panel) return;
+  var liveSelected = recoverSelectedElement(false);
+  if (!bar || !liveSelected || !iframe || !iframe.contentWindow || !panel) return;
+  if (selectedEl !== liveSelected) {
+    selectedEl = liveSelected;
+    renderRightPanel(liveSelected);
+    syncDomTreeSelection();
+  }
   var elR = selectedEl.getBoundingClientRect();
   var iframeR = iframe.getBoundingClientRect();
   var panelR = panel.getBoundingClientRect();
@@ -2722,10 +2847,17 @@ function positionSelectionToolbar() {
 function updateSelectionToolbar() {
   var bar = document.getElementById('selection-floater');
   if (!bar) return;
-  if (!selectedEl || currentMode !== 'editor') {
+  if (currentMode !== 'editor') {
     bar.style.display = 'none';
     return;
   }
+  var liveSelected = recoverSelectedElement(true);
+  if (!liveSelected) {
+    bar.style.display = 'none';
+    return;
+  }
+  if (selectedEl !== liveSelected) selectedEl = liveSelected;
+  selectedElFingerprint = buildSelector(liveSelected);
   bar.style.display = 'flex';
   requestAnimationFrame(function() { positionSelectionToolbar(); });
 }
@@ -3693,9 +3825,13 @@ function attachChangeObserver() {
         // Page JS replaced body children; allow structural rows (insert/reorder) to apply again.
         appliedStructuralChangesetKeys = {};
       }
+      // Host scripts can replace selected nodes every few frames (e.g. A/B tool observers).
+      // Keep selection sticky by re-resolving from fingerprint.
+      recoverSelectedElement(false);
       scheduleDomTreeRefresh();
       scheduleGranularChangesetReapply();
       scheduleConsistencyReconcile();
+      updateSelectionToolbar();
     });
     changeObserver.observe(doc.body, {
       childList: true, subtree: true, attributes: true, characterData: true
@@ -3903,6 +4039,7 @@ document.getElementById('btn-close').addEventListener('click', handleClose);
 
 function handleSave() {
   saveCurrentVariationHtml();
+  commitStateChangesForActiveVariation();
   var updatedVariations = variations.map(function(v) {
     var prevParsed = parseVariationChangesets(v);
     var granularPrev = filterGranularChangesetEntries(prevParsed);
@@ -3923,6 +4060,7 @@ function handleSave() {
   variations = updatedVariations;
   varHtmlCache = {};
   sessionStructuralChainRowsByVarId = {};
+  stateChangesByVarId = {};
   stateChanges = [];
   if (currentMainTab === 'states') renderStatesTab();
   captureBaselineFromVariations(variations);
@@ -3940,9 +4078,23 @@ function handleClose() {
 }
 
 // \u2500\u2500 Keyboard shortcuts \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
+function isNativeEditableTarget(target) {
+  if (!target || target.nodeType !== 1) return false;
+  if (target.isContentEditable) return true;
+  if (target.closest && target.closest('[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"]')) {
+    return true;
+  }
+  if (!target.tagName) return false;
+  var tag = String(target.tagName).toLowerCase();
+  return tag === 'input' || tag === 'textarea' || tag === 'select';
+}
+
 document.addEventListener('keydown', function(e) {
+  // Keep native browser undo/redo inside text inputs/contenteditable fields.
+  if (isNativeEditableTarget(e.target)) return;
   var meta = e.metaKey || e.ctrlKey;
-  if (meta && !e.shiftKey && e.key === 'z') {
+  var k = (e.key || '').toLowerCase();
+  if (meta && !e.shiftKey && k === 'z') {
     e.preventDefault();
     if (typeof Vvveb !== 'undefined' && Vvveb.Undo) {
       Vvveb.Undo.undo();
@@ -3950,7 +4102,7 @@ document.addEventListener('keydown', function(e) {
       recomputeEditorDirty();
     }
   }
-  if (meta && e.shiftKey && e.key === 'z') {
+  if (meta && e.shiftKey && k === 'z') {
     e.preventDefault();
     if (typeof Vvveb !== 'undefined' && Vvveb.Undo) {
       Vvveb.Undo.redo();
@@ -4419,7 +4571,96 @@ function createVisualEditorMiddleware(options) {
           html = html.replace("</head>", `${popupHideCss}
 </head>`);
         }
-        const runtimeProxyScript = `<script>(function(){try{var TARGET_ORIGIN=${JSON.stringify(origin)};var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};var EMPTY_JSON_DATA="data:application/json;charset=utf-8,%7B%7D";function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#")||raw.startsWith("http")||raw.startsWith("//");}function toAbsoluteOriginUrl(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;var abs=new URL(raw,base);if(abs.origin!==TARGET_ORIGIN)return raw;return abs.toString();}catch(_){return raw;}}function resolveUrl(s){try{return new URL(s,window.location.href);}catch(_){return null;}}function isNestedMalformedProxy(u){if(!u)return false;var p=u.pathname||"";if(p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0)return false;return p.indexOf("api/conversion-proxy")!==-1;}function skipNestedProxyNetwork(s){var u=typeof s==="string"?resolveUrl(s):null;return u&&isNestedMalformedProxy(u);}function emptyJsonFetchResponse(){return Promise.resolve(new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}}));}if(window.fetch){var _fetch=window.fetch.bind(window);window.fetch=function(input,init){try{var rawUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(rawUrl&&skipNestedProxyNetwork(rawUrl))return emptyJsonFetchResponse();if(typeof input==="string"){input=toAbsoluteOriginUrl(input);}else if(input&&input.url){var next=toAbsoluteOriginUrl(input.url);if(next!==input.url){input=new Request(next,input);}}var after=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(after&&skipNestedProxyNetwork(after))return emptyJsonFetchResponse();}catch(_){}return _fetch(input,init);};}if(window.XMLHttpRequest&&window.XMLHttpRequest.prototype&&window.XMLHttpRequest.prototype.open){var _open=window.XMLHttpRequest.prototype.open;window.XMLHttpRequest.prototype.open=function(method,url){try{var u=resolveUrl(String(url));if(u&&isNestedMalformedProxy(u)){arguments[1]=EMPTY_JSON_DATA;}else{arguments[1]=toAbsoluteOriginUrl(url);}}catch(_){}return _open.apply(this,arguments);};}if(window.navigator&&typeof window.navigator.sendBeacon==="function"){var _beacon=window.navigator.sendBeacon.bind(window.navigator);window.navigator.sendBeacon=function(url,data){try{if(skipNestedProxyNetwork(String(url)))return true;}catch(_){}return _beacon(url,data);};}if(window.navigator&&window.navigator.serviceWorker&&typeof window.navigator.serviceWorker.register==="function"){window.navigator.serviceWorker.register=function(){return Promise.resolve({scope:"disabled-in-editor-proxy"});};}}catch(_){}})();</script>`;
+        html = html.replace(
+          /<meta[^>]+http-equiv=["']?\s*(x-frame-options|content-security-policy)\s*["']?[^>]*>/gi,
+          ""
+        );
+        html = html.replace(
+          /<meta[^>]+name=["']?\s*content-security-policy\s*["']?[^>]*>/gi,
+          ""
+        );
+        const runtimePreflightScript = `<script>(function(){try{
+var TARGET_ORIGIN=${JSON.stringify(origin)};
+var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
+var PROXY_PASSWORD=${JSON.stringify(password)};
+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;}}
+function toProxy(raw){if(isSkippable(raw))return null;var abs=toAbsolute(raw);if(!abs||typeof abs!=="string")return null;try{var parsed=new URL(abs);if(parsed.origin!==TARGET_ORIGIN)return null;return "/api/conversion-proxy?password="+encodeURIComponent(PROXY_PASSWORD||"")+"&url="+encodeURIComponent(parsed.toString());}catch(_){return null;}}
+var nativeAssign=window.location.assign?window.location.assign.bind(window.location):null;
+var nativeReplace=window.location.replace?window.location.replace.bind(window.location):null;
+function safeNavigate(raw,mode){var abs=toAbsolute(raw);var prox=toProxy(raw);if(!prox){try{console.warn("[conversion-proxy] redirect blocked",{mode:mode,requested:raw,resolved:abs,origin:TARGET_ORIGIN});}catch(_){}return false;}try{console.info("[conversion-proxy] redirect intercepted",{mode:mode,requested:raw,resolved:abs,proxied:prox});if(mode==="replace"&&nativeReplace){nativeReplace(prox);return true;}if(nativeAssign){nativeAssign(prox);return true;}window.location.href=prox;return true;}catch(err){try{console.warn("[conversion-proxy] redirect interception failed",{mode:mode,requested:raw,resolved:abs,proxied:prox,error:err&&err.message?err.message:String(err)});}catch(_){}return false;}}
+try{if(nativeAssign){window.location.assign=function(url){return safeNavigate(url,"assign");};}}catch(_){}
+try{if(nativeReplace){window.location.replace=function(url){return safeNavigate(url,"replace");};}}catch(_){}
+try{var hrefDesc=Object.getOwnPropertyDescriptor(Location.prototype,"href");if(hrefDesc&&hrefDesc.configurable&&hrefDesc.get&&hrefDesc.set){Object.defineProperty(Location.prototype,"href",{configurable:true,enumerable:hrefDesc.enumerable,get:function(){return hrefDesc.get.call(this);},set:function(v){safeNavigate(v,"assign");}});}}catch(_){}
+try{
+  var NativeMO=window.MutationObserver;
+  if(NativeMO&&!window.__CONVERSION_MO_GUARDED__){
+    window.__CONVERSION_MO_GUARDED__=true;
+    window.MutationObserver=function(cb){
+      var last=0;
+      var wrapped=function(list,obs){
+        try{
+          if(!window.__CONVERSION_EDITOR_ACTIVE__)return cb(list,obs);
+          var now=Date.now();
+          if(now-last<120)return;
+          last=now;
+          return cb(list,obs);
+        }catch(_){}
+      };
+      return new NativeMO(wrapped);
+    };
+    window.MutationObserver.prototype=NativeMO.prototype;
+  }
+}catch(_){}
+}catch(_){}})();</script>`;
+        html = html.replace(/<head([^>]*)>/i, `<head$1>
+${runtimePreflightScript}
+`);
+        const runtimeProxyScript = `<script>(function(){try{
+var TARGET_ORIGIN=${JSON.stringify(origin)};
+var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
+var EMPTY_JSON_DATA="data:application/json;charset=utf-8,%7B%7D";
+function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#")||raw.startsWith("http")||raw.startsWith("//");}
+function toAbsoluteOriginUrl(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;var abs=new URL(raw,base);if(abs.origin!==TARGET_ORIGIN)return raw;return abs.toString();}catch(_){return raw;}}
+function resolveUrl(s){try{return new URL(s,window.location.href);}catch(_){return null;}}
+function isNestedMalformedProxy(u){if(!u)return false;var p=u.pathname||"";if(p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0)return false;return p.indexOf("api/conversion-proxy")!==-1;}
+function skipNestedProxyNetwork(s){var u=typeof s==="string"?resolveUrl(s):null;return u&&isNestedMalformedProxy(u);}
+function emptyJsonFetchResponse(){return Promise.resolve(new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}}));}
+if(window.fetch){
+  var _fetch=window.fetch.bind(window);
+  window.fetch=function(input,init){
+    var afterUrl="";
+    try{
+      var rawUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");
+      if(rawUrl&&skipNestedProxyNetwork(rawUrl))return emptyJsonFetchResponse();
+      if(typeof input==="string"){
+        input=toAbsoluteOriginUrl(input);
+      }else if(input&&input.url){
+        var next=toAbsoluteOriginUrl(input.url);
+        if(next!==input.url){input=new Request(next,input);}
+      }
+      afterUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");
+      if(afterUrl&&skipNestedProxyNetwork(afterUrl))return emptyJsonFetchResponse();
+    }catch(_){}
+    return _fetch(input,init).catch(function(err){
+      try{
+        var u=afterUrl?resolveUrl(afterUrl):null;
+        var sameOrigin=!!(u&&u.origin===TARGET_ORIGIN);
+        var likelyThirdPartyBg=!sameOrigin||!!(u&&/(^|\\/)apps?(\\/|$)|(^|\\/)a(\\/|$)/.test(u.pathname||""));
+        if(window.__CONVERSION_EDITOR_ACTIVE__&&likelyThirdPartyBg){
+          console.warn("[conversion-proxy] suppressed fetch failure",{url:afterUrl,error:err&&err.message?err.message:String(err)});
+          return new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}});
+        }
+      }catch(_){}
+      throw err;
+    });
+  };
+}
+if(window.XMLHttpRequest&&window.XMLHttpRequest.prototype&&window.XMLHttpRequest.prototype.open){var _open=window.XMLHttpRequest.prototype.open;window.XMLHttpRequest.prototype.open=function(method,url){try{var u=resolveUrl(String(url));if(u&&isNestedMalformedProxy(u)){arguments[1]=EMPTY_JSON_DATA;}else{arguments[1]=toAbsoluteOriginUrl(url);}}catch(_){}return _open.apply(this,arguments);};}
+if(window.navigator&&typeof window.navigator.sendBeacon==="function"){var _beacon=window.navigator.sendBeacon.bind(window.navigator);window.navigator.sendBeacon=function(url,data){try{if(skipNestedProxyNetwork(String(url)))return true;}catch(_){}return _beacon(url,data);};}
+if(window.navigator&&window.navigator.serviceWorker&&typeof window.navigator.serviceWorker.register==="function"){window.navigator.serviceWorker.register=function(){return Promise.resolve({scope:"disabled-in-editor-proxy"});};}
+}catch(_){}})();</script>`;
         if (html.includes("</head>")) {
           html = html.replace("</head>", `${runtimeProxyScript}
 </head>`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accelerated-agency/visual-editor",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "private": false,
   "description": "Conversion visual editor as a reusable React package",
   "type": "module",