@accelerated-agency/visual-editor 0.5.9 → 0.6.1

package/dist/vite.cjs

@@ -1039,24 +1039,16 @@ button.var-tab.active{
 .lp-body #tab-dom-tree, .lp-body #tab-elements{
 padding-top:4px;
 }
-.lp-body #tab-elements .dt-lbl{
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 14px;
-    letter-spacing: -0.1px;
-}
-.lp-body #tab-elements #elements-root > .dt-row{
-padding-left: 16px!important;
-}
-.lp-body #dom-tree-root .dt-lbl{
+.lp-body #dom-tree-root .dt-lbl,
+.lp-body #elements-root .dt-lbl{
 color: var(--content-subtle, #737373);
 font-style: normal;
 font-weight: 400;
-line-height: var(--font-leading-3, 12px); /* 100% */
+line-height: var(--font-leading-3, 12px);
 letter-spacing: -0.1px;
 }
-.lp-body #dom-tree-root .dt-lbl .dt-tag{
+.lp-body #dom-tree-root .dt-lbl .dt-tag,
+.lp-body #elements-root .dt-lbl .dt-tag{
     color: var(--content-strong, #171717);
     font-family: "JetBrains Mono";
     font-size: 12px;
@@ -1070,7 +1062,6 @@ padding:3px 6px;
 display:inline-block;
 margin-right:4px;
 }
-.lp-body #tab-elements .dt-row .dt-chev.dt-spacer{display:none;}
 .lp-body #tab-dom-tree .dt-row .dt-ico{display:none;}
 .lp-body, .section-components-body{flex:1;overflow-y:auto}
 .lp-body::-webkit-scrollbar, .section-components-body::-webkit-scrollbar{width:3px}
@@ -3159,6 +3150,7 @@ var PROP_META = {
   'pp-value':   {label:'Value',                   cssProp:null},
   'pp-text':    {label:'Inner text',              cssProp:null},
   'pp-html':    {label:'Inner HTML',              cssProp:null},
+  'pp-select-options': {label:'Options',          cssProp:null},
   'pp-mob-css': {label:'Mobile CSS',              cssProp:null},
   'pp-tab-css': {label:'Tablet CSS',              cssProp:null},
 };
@@ -3175,6 +3167,7 @@ function getOriginalValue(inputId, el) {
   switch (inputId) {
     case 'pp-text':    return el.innerText      || '';
     case 'pp-html':    return el.innerHTML      || '';
+    case 'pp-select-options': return getSelectOptionsText(el);
     case 'pp-cls':     return el.className      || '';
     case 'pp-id':      return el.id             || '';
     case 'pp-href':    return el.getAttribute('href')        || '';
@@ -3324,6 +3317,7 @@ function revertChangeOnDom(change) {
     switch (change.inputId) {
       case 'pp-text':   el.innerText = orig; break;
       case 'pp-html':   el.innerHTML = orig; break;
+      case 'pp-select-options': applySelectOptionsFromText(el, orig); break;
       case 'pp-cls':    el.className = orig; break;
       case 'pp-id':     el.id = orig; break;
       case 'pp-css':    orig ? el.setAttribute('style', orig) : el.removeAttribute('style'); break;
@@ -4982,6 +4976,8 @@ function stateChangeToChainSet(c) {
       return { selector: c.selector, type: 'content', value: c.value, vveTs: c.vveTs || nextHistoryTimestamp() };
     case 'pp-html':
       return { selector: c.selector, type: 'content', html: c.value, vveTs: c.vveTs || nextHistoryTimestamp() };
+    case 'pp-select-options':
+      return { selector: c.selector, type: 'content', html: selectOptionsTextToHtml(c.value), vveTs: c.vveTs || nextHistoryTimestamp() };
     case 'pp-cls':
       return { selector: c.selector, type: 'attribute', attribute: 'class', value: c.value, vveTs: c.vveTs || nextHistoryTimestamp() };
     case 'pp-id':
@@ -5595,6 +5591,10 @@ function setTreeHoverHighlight(el) {
 }
 
 function isTreeHoverOnlyClassMutation(mutation) {
+  return isEditorChromeOnlyClassMutation(mutation);
+}
+
+function isEditorChromeOnlyClassMutation(mutation) {
   if (!mutation || mutation.type !== 'attributes' || mutation.attributeName !== 'class') return false;
   var oldClass = String(mutation.oldValue || '');
   var target = mutation.target;
@@ -5602,7 +5602,12 @@ function isTreeHoverOnlyClassMutation(mutation) {
   try {
     nextClass = target && typeof target.className === 'string' ? target.className : '';
   } catch(_) {}
-  return oldClass.indexOf('vve-tree-hover') >= 0 || String(nextClass).indexOf('vve-tree-hover') >= 0;
+  var combined = oldClass + ' ' + nextClass;
+  return (
+    combined.indexOf('vve-tree-hover') >= 0 ||
+    combined.indexOf('vve-selected') >= 0 ||
+    combined.indexOf('vve-dragging') >= 0
+  );
 }
 
 function setDragHandleActive(on) {
@@ -5652,7 +5657,13 @@ function positionSelectionToolbar() {
   if (!bar || !liveSelected || !iframe || !iframe.contentWindow || !panel) return;
   if (selectedEl !== liveSelected) {
     selectedEl = liveSelected;
-    renderRightPanel(liveSelected);
+    if (!document.activeElement || (
+      document.activeElement.id !== 'pp-html' &&
+      document.activeElement.id !== 'pp-text' &&
+      document.activeElement.id !== 'pp-select-options'
+    )) {
+      renderRightPanel(liveSelected);
+    }
     syncDomTreeSelection();
   }
   var elR = getIframeElementVisualRect(selectedEl);
@@ -6186,31 +6197,156 @@ function renderElementsTree(filterRaw) {
     return;
   }
 
-  function nodeIcon(tag) {
-    tag = (tag || '').toLowerCase();
-    if (/^h[1-6]$/.test(tag)) return 'bi bi-type-h1';
-    if (tag === 'a') return 'bi bi-link-45deg';
-    if (tag === 'img') return 'bi bi-image';
-    if (tag === 'section' || tag === 'main' || tag === 'article' || tag === 'header' || tag === 'footer' || tag === 'nav') return 'bi bi-layout-three-columns';
-    if (tag === 'button' || tag === 'input' || tag === 'select' || tag === 'textarea') return 'bi bi-ui-radios';
-    if (tag === 'ul' || tag === 'ol') return 'bi bi-list-ul';
-    if (tag === 'li') return 'bi bi-dot';
-    if (tag === 'svg') return 'bi bi-bezier2';
-    if (tag === 'p' || tag === 'span') return 'bi bi-text-left';
-    return 'bi bi-square';
-  }
+ function nodeIcon(tag) {
+  tag = (tag || '').toLowerCase();
+
+  // Headings
+  if (/^h[1-6]$/.test(tag)) return 'bi bi-type-h1';
+
+  // Document & metadata
+  if (tag === 'html') return 'bi bi-filetype-html';
+  if (tag === 'head') return 'bi bi-file-earmark-code';
+  if (tag === 'body') return 'bi bi-file-earmark-richtext';
+  if (tag === 'title') return 'bi bi-card-heading';
+  if (tag === 'meta') return 'bi bi-info-circle';
+  if (tag === 'link') return 'bi bi-link';
+  if (tag === 'style') return 'bi bi-filetype-css';
+  if (tag === 'script') return 'bi bi-filetype-js';
+  if (tag === 'noscript') return 'bi bi-slash-circle';
+  if (tag === 'base') return 'bi bi-house-gear';
+
+  // Sectioning & layout
+  if (tag === 'section' || tag === 'main' || tag === 'article' ||
+      tag === 'header' || tag === 'footer' || tag === 'nav' || tag === 'aside')
+    return 'bi bi-layout-three-columns';
+  if (tag === 'div') return 'bi bi-square';
+  if (tag === 'address') return 'bi bi-geo-alt';
+
+  // Text content
+  if (tag === 'p' || tag === 'span') return 'bi bi-text-left';
+  if (tag === 'blockquote' || tag === 'q') return 'bi bi-blockquote-left';
+  if (tag === 'pre') return 'bi bi-code-square';
+  if (tag === 'code') return 'bi bi-code-slash';
+  if (tag === 'kbd') return 'bi bi-keyboard';
+  if (tag === 'samp') return 'bi bi-terminal';
+  if (tag === 'var') return 'bi bi-braces';
+  if (tag === 'cite') return 'bi bi-quote';
+  if (tag === 'abbr') return 'bi bi-fonts';
+  if (tag === 'time') return 'bi bi-clock';
+  if (tag === 'mark') return 'bi bi-highlighter';
+  if (tag === 'small') return 'bi bi-type';
+  if (tag === 'sub') return 'bi bi-subscript';
+  if (tag === 'sup') return 'bi bi-superscript';
+  if (tag === 'br') return 'bi bi-arrow-return-left';
+  if (tag === 'wbr') return 'bi bi-distribute-horizontal';
+
+  // Inline formatting
+  if (tag === 'strong' || tag === 'b') return 'bi bi-type-bold';
+  if (tag === 'em' || tag === 'i') return 'bi bi-type-italic';
+  if (tag === 'u' || tag === 'ins') return 'bi bi-type-underline';
+  if (tag === 's' || tag === 'del' || tag === 'strike') return 'bi bi-type-strikethrough';
+
+  // Lists
+  if (tag === 'ul') return 'bi bi-list-ul';
+  if (tag === 'ol') return 'bi bi-list-ol';
+  if (tag === 'li') return 'bi bi-dot';
+  if (tag === 'dl') return 'bi bi-card-list';
+  if (tag === 'dt') return 'bi bi-tag';
+  if (tag === 'dd') return 'bi bi-text-indent-left';
+
+  // Links & navigation
+  if (tag === 'a') return 'bi bi-link-45deg';
+
+  // Media
+  if (tag === 'img') return 'bi bi-image';
+  if (tag === 'picture') return 'bi bi-images';
+  if (tag === 'figure') return 'bi bi-card-image';
+  if (tag === 'figcaption') return 'bi bi-card-text';
+  if (tag === 'video') return 'bi bi-camera-video';
+  if (tag === 'audio') return 'bi bi-music-note-beamed';
+  if (tag === 'source') return 'bi bi-cloud-arrow-down';
+  if (tag === 'track') return 'bi bi-badge-cc';
+  if (tag === 'iframe') return 'bi bi-window';
+  if (tag === 'embed' || tag === 'object') return 'bi bi-box-arrow-in-down';
+  if (tag === 'param') return 'bi bi-sliders';
+  if (tag === 'canvas') return 'bi bi-easel';
+  if (tag === 'map') return 'bi bi-map';
+  if (tag === 'area') return 'bi bi-bounding-box';
+
+  // Vector / math
+  if (tag === 'svg') return 'bi bi-bezier2';
+  if (tag === 'path') return 'bi bi-bezier';
+  if (tag === 'circle') return 'bi bi-circle';
+  if (tag === 'rect') return 'bi bi-square';
+  if (tag === 'line') return 'bi bi-slash-lg';
+  if (tag === 'polygon') return 'bi bi-pentagon';
+  if (tag === 'polyline') return 'bi bi-share';
+  if (tag === 'ellipse') return 'bi bi-circle-half';
+  if (tag === 'g') return 'bi bi-collection';
+  if (tag === 'use') return 'bi bi-arrow-repeat';
+  if (tag === 'defs') return 'bi bi-bookmark';
+  if (tag === 'symbol') return 'bi bi-star';
+  if (tag === 'text') return 'bi bi-fonts';
+  if (tag === 'math') return 'bi bi-calculator';
+
+  // Forms
+  if (tag === 'form') return 'bi bi-file-earmark-check';
+  if (tag === 'fieldset') return 'bi bi-bounding-box-circles';
+  if (tag === 'legend') return 'bi bi-tag-fill';
+  if (tag === 'label') return 'bi bi-tag';
+  if (tag === 'input') return 'bi bi-input-cursor-text';
+  if (tag === 'button') return 'bi bi-ui-radios';
+  if (tag === 'select') return 'bi bi-menu-button';
+  if (tag === 'option') return 'bi bi-check2-square';
+  if (tag === 'optgroup') return 'bi bi-list-nested';
+  if (tag === 'textarea') return 'bi bi-textarea-resize';
+  if (tag === 'datalist') return 'bi bi-list-columns';
+  if (tag === 'output') return 'bi bi-box-arrow-right';
+  if (tag === 'progress') return 'bi bi-bar-chart-line';
+  if (tag === 'meter') return 'bi bi-speedometer2';
+
+  // Tables
+  if (tag === 'table') return 'bi bi-table';
+  if (tag === 'caption') return 'bi bi-card-heading';
+  if (tag === 'thead') return 'bi bi-layout-text-window';
+  if (tag === 'tbody') return 'bi bi-layout-text-sidebar';
+  if (tag === 'tfoot') return 'bi bi-layout-text-window-reverse';
+  if (tag === 'tr') return 'bi bi-grip-horizontal';
+  if (tag === 'th') return 'bi bi-grid-3x3-gap-fill';
+  if (tag === 'td') return 'bi bi-grid-3x3-gap';
+  if (tag === 'col') return 'bi bi-layout-three-columns';
+  if (tag === 'colgroup') return 'bi bi-columns-gap';
+
+  // Interactive / disclosure
+  if (tag === 'details') return 'bi bi-caret-down-square';
+  if (tag === 'summary') return 'bi bi-card-text';
+  if (tag === 'dialog') return 'bi bi-chat-square-text';
+  if (tag === 'menu') return 'bi bi-list';
+
+  // Web components / templating
+  if (tag === 'template') return 'bi bi-file-earmark-code';
+  if (tag === 'slot') return 'bi bi-box-seam';
+
+  // Ruby annotation
+  if (tag === 'ruby' || tag === 'rt' || tag === 'rp' || tag === 'rb')
+    return 'bi bi-translate';
+  if (tag === 'bdi' || tag === 'bdo') return 'bi bi-arrow-left-right';
+
+  // Misc
+  if (tag === 'hr') return 'bi bi-hr';
+  if (tag === '#text' || tag === 'text-node') return 'bi bi-cursor-text';
+  if (tag === '#comment') return 'bi bi-chat-left-text';
+
+  return 'bi bi-square';
+}
 
-  function labelFor(el) {
-    var tag = (el.tagName || '').toLowerCase();
-    return tag.toUpperCase();
-  }
 
   var nodes = collectEditorInsertedElements(doc);
 
   root.innerHTML = '';
   for (var i = 0; i < nodes.length; i++) {
     var el = nodes[i];
-    var lblText = labelFor(el);
+    var lblText = domTreeLabelFor(el);
     if (filterText && lblText.toLowerCase().indexOf(filterText) < 0) continue;
 
     var row = document.createElement('div');
@@ -6229,7 +6365,7 @@ function renderElementsTree(filterRaw) {
 
     var lbl = document.createElement('div');
     lbl.className = 'dt-lbl';
-    lbl.textContent = lblText;
+    setDomTreeLabelContent(lbl, el);
     lbl.title = buildSelector(el);
 
     row.appendChild(spacer);
@@ -6254,11 +6390,35 @@ function renderElementsTree(filterRaw) {
   };
 }
 
+function domTreeLabelClassExcluded(className) {
+  var c = String(className || '');
+  return !c || c === 'vve-selected' || c === 'vve-tree-hover' || c.indexOf('vve-') === 0;
+}
+
+function domTreeLabelClassString(el) {
+  if (!el) return '';
+  try {
+    if (el.classList && el.classList.length) {
+      var out = [];
+      for (var i = 0; i < el.classList.length; i++) {
+        var cls = el.classList[i];
+        if (!domTreeLabelClassExcluded(cls)) out.push(cls);
+      }
+      return out.join(' ');
+    }
+  } catch(_) {}
+  var cn = el.className;
+  if (cn && typeof cn === 'object' && cn.baseVal != null) cn = String(cn.baseVal);
+  return typeof cn === 'string' ? cn : '';
+}
+
 function domTreeLabelSuffix(el) {
   if (el.id != null && el.id !== '') return '#' + String(el.id).slice(0, 40);
-  var cn = el.className && typeof el.className === 'string' ? el.className.trim() : '';
+  var cn = domTreeLabelClassString(el).trim();
   if (cn) {
-    var parts = cn.split(/s+/).filter(function(x) { return x.indexOf('vve-') !== 0; }).slice(0, 2).join('.');
+    var parts = cn.split(/s+/).filter(function(x) {
+      return x && !domTreeLabelClassExcluded(x);
+    }).slice(0, 2).join('.');
     if (parts) return '.' + parts.slice(0, 56);
   }
   return '';
@@ -6446,11 +6606,64 @@ function isFormControlElement(el) {
 function shouldShowInnerContentFields(el) {
   if (!el || el.nodeType !== 1) return false;
   var tag = (el.tagName || '').toLowerCase();
-  if (tag === 'input' || tag === 'textarea' || tag === 'video') return false;
+  if (tag === 'input' || tag === 'textarea' || tag === 'select' || tag === 'video') return false;
   if (isEmbeddedVideoIframe(el)) return false;
   return true;
 }
 
+function getSelectOptionsText(el) {
+  if (!el || el.nodeType !== 1) return '';
+  try {
+    var opts = el.querySelectorAll('option');
+    var lines = [];
+    for (var i = 0; i < opts.length; i++) {
+      lines.push(opts[i].textContent || '');
+    }
+    return lines.join('\\n');
+  } catch(_) {
+    return '';
+  }
+}
+
+function selectOptionsTextToHtml(text) {
+  var lines = String(text == null ? '' : text).split('\\n');
+  var parts = [];
+  for (var i = 0; i < lines.length; i++) {
+    var label = lines[i];
+    if (!label && i === lines.length - 1 && lines.length > 1) continue;
+    parts.push('<option>' + esc(label) + '</option>');
+  }
+  if (!parts.length) parts.push('<option>Option 1</option>');
+  return parts.join('');
+}
+
+function applySelectOptionsFromText(el, text) {
+  if (!el || el.nodeType !== 1) return;
+  beginSuppressIframeMutationDirty();
+  try {
+    var prevValue = '';
+    try { prevValue = el.value || ''; } catch(_) {}
+    var doc = el.ownerDocument;
+    while (el.firstChild) el.removeChild(el.firstChild);
+    var lines = String(text == null ? '' : text).split('\\n');
+    if (!lines.length || (lines.length === 1 && !String(lines[0] || '').trim())) {
+      lines = ['Option 1', 'Option 2'];
+    }
+    for (var i = 0; i < lines.length; i++) {
+      var label = lines[i];
+      if (!label && i === lines.length - 1) continue;
+      var opt = doc.createElement('option');
+      opt.textContent = label;
+      el.appendChild(opt);
+    }
+    if (prevValue) {
+      try { el.value = prevValue; } catch(_) {}
+    }
+  } finally {
+    endSuppressIframeMutationDirty();
+  }
+}
+
 function elementHasHtmlChildren(el) {
   if (!el || el.nodeType !== 1) return false;
   try {
@@ -7109,6 +7322,12 @@ function renderRightPanel(el, options) {
       subLbl('Placeholder') +
       '<input class="pr-inp" id="pp-ph" type="text" value="'+esc(el.getAttribute('placeholder')||'')+'" style="width:100%;margin-bottom:8px">';
   }
+  if (tag === 'select') {
+    contentHtml +=
+      subLbl('Options') +
+      '<div style="font-size:11px;color:var(--text-3);margin:-4px 0 8px">One option label per line</div>' +
+      '<textarea class="pr-inp" id="pp-select-options" style="width:100%;min-height:80px;font-family:var(--font-mono);font-size:11px">'+esc(getSelectOptionsText(el))+'</textarea>';
+  }
   if (shouldShowInnerContentFields(el)) {
     if (elementHasHtmlChildren(el)) {
       contentHtml +=
@@ -7216,18 +7435,49 @@ function renderRightPanel(el, options) {
 function wireContentFieldSync(el, sel) {
   var textInp = document.getElementById('pp-text');
   var htmlInp = document.getElementById('pp-html');
+  var selectOptsInp = document.getElementById('pp-select-options');
   var syncing = false;
-  function applyContentChange(changedId) {
+  var htmlApplyTimer = null;
+  var selectApplyTimer = null;
+
+  function applyHtmlToElement(htmlValue) {
+    beginSuppressIframeMutationDirty();
+    try {
+      el.innerHTML = htmlValue;
+    } finally {
+      endSuppressIframeMutationDirty();
+    }
+  }
+
+  function applyContentChange(changedId, immediate) {
     if (syncing) return;
+    if (changedId === 'pp-html' && !immediate) {
+      if (htmlApplyTimer) clearTimeout(htmlApplyTimer);
+      htmlApplyTimer = setTimeout(function() { applyContentChange('pp-html', true); }, 250);
+      return;
+    }
+    if (changedId === 'pp-select-options' && !immediate) {
+      if (selectApplyTimer) clearTimeout(selectApplyTimer);
+      selectApplyTimer = setTimeout(function() { applyContentChange('pp-select-options', true); }, 250);
+      return;
+    }
     syncing = true;
     try {
       var orig = getOriginalValue(changedId, el);
       if (changedId === 'pp-text') {
-        el.innerText = textInp.value;
+        beginSuppressIframeMutationDirty();
+        try {
+          el.innerText = textInp.value;
+        } finally {
+          endSuppressIframeMutationDirty();
+        }
         if (htmlInp) htmlInp.value = el.innerHTML;
         logChange(sel, 'pp-text', textInp.value, el, orig);
+      } else if (changedId === 'pp-select-options') {
+        applySelectOptionsFromText(el, selectOptsInp.value);
+        logChange(sel, 'pp-select-options', selectOptsInp.value, el, orig);
       } else {
-        el.innerHTML = htmlInp.value;
+        applyHtmlToElement(htmlInp.value);
         if (textInp) textInp.value = el.innerText;
         logChange(sel, 'pp-html', htmlInp.value, el, orig);
       }
@@ -7240,8 +7490,12 @@ function wireContentFieldSync(el, sel) {
     textInp.addEventListener('change', function() { applyContentChange('pp-text'); });
   }
   if (htmlInp) {
-    htmlInp.addEventListener('input', function() { applyContentChange('pp-html'); });
-    htmlInp.addEventListener('change', function() { applyContentChange('pp-html'); });
+    htmlInp.addEventListener('input', function() { applyContentChange('pp-html', false); });
+    htmlInp.addEventListener('change', function() { applyContentChange('pp-html', true); });
+  }
+  if (selectOptsInp) {
+    selectOptsInp.addEventListener('input', function() { applyContentChange('pp-select-options', false); });
+    selectOptsInp.addEventListener('change', function() { applyContentChange('pp-select-options', true); });
   }
 }
 
@@ -7732,14 +7986,21 @@ function attachChangeObserver() {
       changeObserverDoc = null;
     }
     changeObserver = new MutationObserver(function(mutations) {
+      if (suppressIframeMutationDirty > 0) return;
       var hasMeaningfulMutation = false;
       for (var mi = 0; mi < mutations.length; mi++) {
-        if (!isTreeHoverOnlyClassMutation(mutations[mi])) {
+        if (!isEditorChromeOnlyClassMutation(mutations[mi])) {
           hasMeaningfulMutation = true;
           break;
         }
       }
       if (!hasMeaningfulMutation) return;
+      var activeId = '';
+      try { activeId = document.activeElement && document.activeElement.id ? String(document.activeElement.id) : ''; } catch(_) {}
+      if (activeId === 'pp-html' || activeId === 'pp-text' || activeId === 'pp-select-options') {
+        scheduleDomTreeRefresh();
+        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.
@@ -8235,7 +8496,9 @@ window.addEventListener('load', function() {
       return;
     }
     hideIframeLoadError();
-    emitEditorUrlChanged(iframe.src || docUrl);
+    var iframeLiveUrl = '';
+    try { iframeLiveUrl = String(iframe.contentWindow.location.href || ''); } catch(_) {}
+    emitEditorUrlChanged(iframeLiveUrl || docUrl || iframe.src || '');
     // 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') {
@@ -8620,6 +8883,11 @@ function createVisualEditorMiddleware(options) {
           }
           if (chunks.length > 0) requestBody = Buffer.concat(chunks);
         }
+        const secFetchMode = (req.headers?.["sec-fetch-mode"] || "").toLowerCase();
+        const secFetchDest = (req.headers?.["sec-fetch-dest"] || "").toLowerCase();
+        const isLikelyDocumentNavigation = secFetchMode === "navigate" || secFetchDest === "iframe" || secFetchDest === "document" || secFetchDest === "nested-document" || secFetchDest === "frame";
+        const isLikelyFetchOrXHR = secFetchDest === "empty" && (secFetchMode === "cors" || secFetchMode === "same-origin" || secFetchMode === "no-cors");
+        const passthroughUpstreamRedirects = (method === "GET" || method === "HEAD") && (isLikelyDocumentNavigation || !isLikelyFetchOrXHR);
         const upstreamTimeoutMs = 12e4;
         const ac = new AbortController();
         const timeoutId = setTimeout(() => ac.abort(), upstreamTimeoutMs);
@@ -8629,7 +8897,7 @@ function createVisualEditorMiddleware(options) {
             method,
             headers: fetchHeaders,
             body: requestBody ? Buffer.from(requestBody) : null,
-            redirect: "follow",
+            redirect: passthroughUpstreamRedirects ? "manual" : "follow",
             signal: ac.signal
           });
         } catch (fetchErr) {
@@ -8653,12 +8921,43 @@ function createVisualEditorMiddleware(options) {
           return;
         }
         clearTimeout(timeoutId);
+        if (passthroughUpstreamRedirects && upstream.status >= 300 && upstream.status < 400) {
+          const locationHeader = upstream.headers.get("location") || upstream.headers.get("Location");
+          if (locationHeader) {
+            try {
+              const redirectTarget = new URL(locationHeader, targetUrl);
+              if (redirectTarget.origin === origin) {
+                const proxyRedirect = new URL(proxyRootForRequest, "http://localhost");
+                proxyRedirect.searchParams.set("password", password);
+                proxyRedirect.searchParams.set("url", redirectTarget.toString());
+                url.searchParams.forEach((value, key) => {
+                  if (key === "url" || key === "password") return;
+                  proxyRedirect.searchParams.set(key, value);
+                });
+                res.statusCode = upstream.status === 303 ? 303 : 302;
+                res.setHeader("Location", `${proxyRedirect.pathname}${proxyRedirect.search}`);
+                res.setHeader("Cache-Control", "no-store");
+                res.setHeader("Access-Control-Allow-Origin", "*");
+                setFrameHeaders(req, res);
+                res.end();
+                return;
+              }
+              res.statusCode = 502;
+              res.setHeader("Content-Type", "application/json");
+              res.end(
+                JSON.stringify({
+                  error: "Cross-origin redirect blocked in editor preview",
+                  location: redirectTarget.toString(),
+                  from: targetUrl
+                })
+              );
+              return;
+            } catch (_) {
+            }
+          }
+        }
         const responseContentType = upstream.headers.get("content-type") || "";
         const isHtmlResponse = responseContentType.includes("text/html");
-        const secFetchMode = (req.headers?.["sec-fetch-mode"] || "").toLowerCase();
-        const secFetchDest = (req.headers?.["sec-fetch-dest"] || "").toLowerCase();
-        const isLikelyDocumentNavigation = secFetchMode === "navigate" || secFetchDest === "iframe" || secFetchDest === "document" || secFetchDest === "nested-document" || secFetchDest === "frame";
-        const isLikelyFetchOrXHR = secFetchDest === "empty" && (secFetchMode === "cors" || secFetchMode === "same-origin" || secFetchMode === "no-cors");
         const shouldInjectHtmlBridge = isHtmlResponse && (isLikelyDocumentNavigation || !isLikelyFetchOrXHR);
         if (!isHtmlResponse || !shouldInjectHtmlBridge) {
           const binary = Buffer.from(await upstream.arrayBuffer());
@@ -8712,6 +9011,18 @@ ${iframeAlwaysShowCssGuardScript}
           /<meta[^>]+name=["']?\s*content-security-policy\s*["']?[^>]*>/gi,
           ""
         );
+        html = html.replace(
+          /(<meta[^>]+http-equiv=["']?refresh["']?[^>]*content=["'][^"']*url=)([^"';]+)(["'][^>]*>)/gi,
+          (match, prefix, urlPart, suffix) => {
+            try {
+              const abs = new URL(String(urlPart).trim(), origin).toString();
+              if (new URL(abs).origin !== origin) return match;
+              return `${prefix}${proxyBase}${encodeURIComponent(abs)}${suffix}`;
+            } catch {
+              return match;
+            }
+          }
+        );
         const runtimePreflightScript = `<script>(function(){try{
 var TARGET_ORIGIN=${JSON.stringify(origin)};
 var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
@@ -8918,6 +9229,8 @@ try{if(window.history&&typeof window.history.pushState==="function"){var nativeP
 try{if(window.history&&typeof window.history.replaceState==="function"){var nativeReplaceState=window.history.replaceState;window.history.replaceState=function(){var ret=nativeReplaceState.apply(window.history,arguments);setTimeout(notifyEditorUrlChanged,0);return ret;};}}catch(_){}
 try{window.addEventListener("popstate",notifyEditorUrlChanged,true);}catch(_){}
 try{window.addEventListener("hashchange",notifyEditorUrlChanged,true);}catch(_){}
+try{window.addEventListener("pageshow",notifyEditorUrlChanged,true);}catch(_){}
+try{window.addEventListener("load",function(){setTimeout(notifyEditorUrlChanged,0);},true);}catch(_){}
 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){
@@ -8946,6 +9259,9 @@ function toProxy(raw){
 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;}}
+function interceptMetaRefresh(){try{var metas=document.querySelectorAll('meta[http-equiv="refresh" i],meta[http-equiv="Refresh"]');for(var i=0;i<metas.length;i++){var content=metas[i].getAttribute("content")||"";var m=content.match(/url=(.+)$/i);if(!m)continue;var raw=m[1].trim().replace(/^['"]|['"]$/g,"");if(safeNavigate(raw,"replace"))metas[i].parentNode&&metas[i].parentNode.removeChild(metas[i]);}}catch(_){}}
+try{interceptMetaRefresh();}catch(_){}
+try{document.addEventListener("DOMContentLoaded",interceptMetaRefresh,true);}catch(_){}
 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(_){}

package/dist/vite.js

@@ -1031,24 +1031,16 @@ button.var-tab.active{
 .lp-body #tab-dom-tree, .lp-body #tab-elements{
 padding-top:4px;
 }
-.lp-body #tab-elements .dt-lbl{
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 14px;
-    letter-spacing: -0.1px;
-}
-.lp-body #tab-elements #elements-root > .dt-row{
-padding-left: 16px!important;
-}
-.lp-body #dom-tree-root .dt-lbl{
+.lp-body #dom-tree-root .dt-lbl,
+.lp-body #elements-root .dt-lbl{
 color: var(--content-subtle, #737373);
 font-style: normal;
 font-weight: 400;
-line-height: var(--font-leading-3, 12px); /* 100% */
+line-height: var(--font-leading-3, 12px);
 letter-spacing: -0.1px;
 }
-.lp-body #dom-tree-root .dt-lbl .dt-tag{
+.lp-body #dom-tree-root .dt-lbl .dt-tag,
+.lp-body #elements-root .dt-lbl .dt-tag{
     color: var(--content-strong, #171717);
     font-family: "JetBrains Mono";
     font-size: 12px;
@@ -1062,7 +1054,6 @@ padding:3px 6px;
 display:inline-block;
 margin-right:4px;
 }
-.lp-body #tab-elements .dt-row .dt-chev.dt-spacer{display:none;}
 .lp-body #tab-dom-tree .dt-row .dt-ico{display:none;}
 .lp-body, .section-components-body{flex:1;overflow-y:auto}
 .lp-body::-webkit-scrollbar, .section-components-body::-webkit-scrollbar{width:3px}
@@ -3151,6 +3142,7 @@ var PROP_META = {
   'pp-value':   {label:'Value',                   cssProp:null},
   'pp-text':    {label:'Inner text',              cssProp:null},
   'pp-html':    {label:'Inner HTML',              cssProp:null},
+  'pp-select-options': {label:'Options',          cssProp:null},
   'pp-mob-css': {label:'Mobile CSS',              cssProp:null},
   'pp-tab-css': {label:'Tablet CSS',              cssProp:null},
 };
@@ -3167,6 +3159,7 @@ function getOriginalValue(inputId, el) {
   switch (inputId) {
     case 'pp-text':    return el.innerText      || '';
     case 'pp-html':    return el.innerHTML      || '';
+    case 'pp-select-options': return getSelectOptionsText(el);
     case 'pp-cls':     return el.className      || '';
     case 'pp-id':      return el.id             || '';
     case 'pp-href':    return el.getAttribute('href')        || '';
@@ -3316,6 +3309,7 @@ function revertChangeOnDom(change) {
     switch (change.inputId) {
       case 'pp-text':   el.innerText = orig; break;
       case 'pp-html':   el.innerHTML = orig; break;
+      case 'pp-select-options': applySelectOptionsFromText(el, orig); break;
       case 'pp-cls':    el.className = orig; break;
       case 'pp-id':     el.id = orig; break;
       case 'pp-css':    orig ? el.setAttribute('style', orig) : el.removeAttribute('style'); break;
@@ -4974,6 +4968,8 @@ function stateChangeToChainSet(c) {
       return { selector: c.selector, type: 'content', value: c.value, vveTs: c.vveTs || nextHistoryTimestamp() };
     case 'pp-html':
       return { selector: c.selector, type: 'content', html: c.value, vveTs: c.vveTs || nextHistoryTimestamp() };
+    case 'pp-select-options':
+      return { selector: c.selector, type: 'content', html: selectOptionsTextToHtml(c.value), vveTs: c.vveTs || nextHistoryTimestamp() };
     case 'pp-cls':
       return { selector: c.selector, type: 'attribute', attribute: 'class', value: c.value, vveTs: c.vveTs || nextHistoryTimestamp() };
     case 'pp-id':
@@ -5587,6 +5583,10 @@ function setTreeHoverHighlight(el) {
 }
 
 function isTreeHoverOnlyClassMutation(mutation) {
+  return isEditorChromeOnlyClassMutation(mutation);
+}
+
+function isEditorChromeOnlyClassMutation(mutation) {
   if (!mutation || mutation.type !== 'attributes' || mutation.attributeName !== 'class') return false;
   var oldClass = String(mutation.oldValue || '');
   var target = mutation.target;
@@ -5594,7 +5594,12 @@ function isTreeHoverOnlyClassMutation(mutation) {
   try {
     nextClass = target && typeof target.className === 'string' ? target.className : '';
   } catch(_) {}
-  return oldClass.indexOf('vve-tree-hover') >= 0 || String(nextClass).indexOf('vve-tree-hover') >= 0;
+  var combined = oldClass + ' ' + nextClass;
+  return (
+    combined.indexOf('vve-tree-hover') >= 0 ||
+    combined.indexOf('vve-selected') >= 0 ||
+    combined.indexOf('vve-dragging') >= 0
+  );
 }
 
 function setDragHandleActive(on) {
@@ -5644,7 +5649,13 @@ function positionSelectionToolbar() {
   if (!bar || !liveSelected || !iframe || !iframe.contentWindow || !panel) return;
   if (selectedEl !== liveSelected) {
     selectedEl = liveSelected;
-    renderRightPanel(liveSelected);
+    if (!document.activeElement || (
+      document.activeElement.id !== 'pp-html' &&
+      document.activeElement.id !== 'pp-text' &&
+      document.activeElement.id !== 'pp-select-options'
+    )) {
+      renderRightPanel(liveSelected);
+    }
     syncDomTreeSelection();
   }
   var elR = getIframeElementVisualRect(selectedEl);
@@ -6178,31 +6189,156 @@ function renderElementsTree(filterRaw) {
     return;
   }
 
-  function nodeIcon(tag) {
-    tag = (tag || '').toLowerCase();
-    if (/^h[1-6]$/.test(tag)) return 'bi bi-type-h1';
-    if (tag === 'a') return 'bi bi-link-45deg';
-    if (tag === 'img') return 'bi bi-image';
-    if (tag === 'section' || tag === 'main' || tag === 'article' || tag === 'header' || tag === 'footer' || tag === 'nav') return 'bi bi-layout-three-columns';
-    if (tag === 'button' || tag === 'input' || tag === 'select' || tag === 'textarea') return 'bi bi-ui-radios';
-    if (tag === 'ul' || tag === 'ol') return 'bi bi-list-ul';
-    if (tag === 'li') return 'bi bi-dot';
-    if (tag === 'svg') return 'bi bi-bezier2';
-    if (tag === 'p' || tag === 'span') return 'bi bi-text-left';
-    return 'bi bi-square';
-  }
+ function nodeIcon(tag) {
+  tag = (tag || '').toLowerCase();
+
+  // Headings
+  if (/^h[1-6]$/.test(tag)) return 'bi bi-type-h1';
+
+  // Document & metadata
+  if (tag === 'html') return 'bi bi-filetype-html';
+  if (tag === 'head') return 'bi bi-file-earmark-code';
+  if (tag === 'body') return 'bi bi-file-earmark-richtext';
+  if (tag === 'title') return 'bi bi-card-heading';
+  if (tag === 'meta') return 'bi bi-info-circle';
+  if (tag === 'link') return 'bi bi-link';
+  if (tag === 'style') return 'bi bi-filetype-css';
+  if (tag === 'script') return 'bi bi-filetype-js';
+  if (tag === 'noscript') return 'bi bi-slash-circle';
+  if (tag === 'base') return 'bi bi-house-gear';
+
+  // Sectioning & layout
+  if (tag === 'section' || tag === 'main' || tag === 'article' ||
+      tag === 'header' || tag === 'footer' || tag === 'nav' || tag === 'aside')
+    return 'bi bi-layout-three-columns';
+  if (tag === 'div') return 'bi bi-square';
+  if (tag === 'address') return 'bi bi-geo-alt';
+
+  // Text content
+  if (tag === 'p' || tag === 'span') return 'bi bi-text-left';
+  if (tag === 'blockquote' || tag === 'q') return 'bi bi-blockquote-left';
+  if (tag === 'pre') return 'bi bi-code-square';
+  if (tag === 'code') return 'bi bi-code-slash';
+  if (tag === 'kbd') return 'bi bi-keyboard';
+  if (tag === 'samp') return 'bi bi-terminal';
+  if (tag === 'var') return 'bi bi-braces';
+  if (tag === 'cite') return 'bi bi-quote';
+  if (tag === 'abbr') return 'bi bi-fonts';
+  if (tag === 'time') return 'bi bi-clock';
+  if (tag === 'mark') return 'bi bi-highlighter';
+  if (tag === 'small') return 'bi bi-type';
+  if (tag === 'sub') return 'bi bi-subscript';
+  if (tag === 'sup') return 'bi bi-superscript';
+  if (tag === 'br') return 'bi bi-arrow-return-left';
+  if (tag === 'wbr') return 'bi bi-distribute-horizontal';
+
+  // Inline formatting
+  if (tag === 'strong' || tag === 'b') return 'bi bi-type-bold';
+  if (tag === 'em' || tag === 'i') return 'bi bi-type-italic';
+  if (tag === 'u' || tag === 'ins') return 'bi bi-type-underline';
+  if (tag === 's' || tag === 'del' || tag === 'strike') return 'bi bi-type-strikethrough';
+
+  // Lists
+  if (tag === 'ul') return 'bi bi-list-ul';
+  if (tag === 'ol') return 'bi bi-list-ol';
+  if (tag === 'li') return 'bi bi-dot';
+  if (tag === 'dl') return 'bi bi-card-list';
+  if (tag === 'dt') return 'bi bi-tag';
+  if (tag === 'dd') return 'bi bi-text-indent-left';
+
+  // Links & navigation
+  if (tag === 'a') return 'bi bi-link-45deg';
+
+  // Media
+  if (tag === 'img') return 'bi bi-image';
+  if (tag === 'picture') return 'bi bi-images';
+  if (tag === 'figure') return 'bi bi-card-image';
+  if (tag === 'figcaption') return 'bi bi-card-text';
+  if (tag === 'video') return 'bi bi-camera-video';
+  if (tag === 'audio') return 'bi bi-music-note-beamed';
+  if (tag === 'source') return 'bi bi-cloud-arrow-down';
+  if (tag === 'track') return 'bi bi-badge-cc';
+  if (tag === 'iframe') return 'bi bi-window';
+  if (tag === 'embed' || tag === 'object') return 'bi bi-box-arrow-in-down';
+  if (tag === 'param') return 'bi bi-sliders';
+  if (tag === 'canvas') return 'bi bi-easel';
+  if (tag === 'map') return 'bi bi-map';
+  if (tag === 'area') return 'bi bi-bounding-box';
+
+  // Vector / math
+  if (tag === 'svg') return 'bi bi-bezier2';
+  if (tag === 'path') return 'bi bi-bezier';
+  if (tag === 'circle') return 'bi bi-circle';
+  if (tag === 'rect') return 'bi bi-square';
+  if (tag === 'line') return 'bi bi-slash-lg';
+  if (tag === 'polygon') return 'bi bi-pentagon';
+  if (tag === 'polyline') return 'bi bi-share';
+  if (tag === 'ellipse') return 'bi bi-circle-half';
+  if (tag === 'g') return 'bi bi-collection';
+  if (tag === 'use') return 'bi bi-arrow-repeat';
+  if (tag === 'defs') return 'bi bi-bookmark';
+  if (tag === 'symbol') return 'bi bi-star';
+  if (tag === 'text') return 'bi bi-fonts';
+  if (tag === 'math') return 'bi bi-calculator';
+
+  // Forms
+  if (tag === 'form') return 'bi bi-file-earmark-check';
+  if (tag === 'fieldset') return 'bi bi-bounding-box-circles';
+  if (tag === 'legend') return 'bi bi-tag-fill';
+  if (tag === 'label') return 'bi bi-tag';
+  if (tag === 'input') return 'bi bi-input-cursor-text';
+  if (tag === 'button') return 'bi bi-ui-radios';
+  if (tag === 'select') return 'bi bi-menu-button';
+  if (tag === 'option') return 'bi bi-check2-square';
+  if (tag === 'optgroup') return 'bi bi-list-nested';
+  if (tag === 'textarea') return 'bi bi-textarea-resize';
+  if (tag === 'datalist') return 'bi bi-list-columns';
+  if (tag === 'output') return 'bi bi-box-arrow-right';
+  if (tag === 'progress') return 'bi bi-bar-chart-line';
+  if (tag === 'meter') return 'bi bi-speedometer2';
+
+  // Tables
+  if (tag === 'table') return 'bi bi-table';
+  if (tag === 'caption') return 'bi bi-card-heading';
+  if (tag === 'thead') return 'bi bi-layout-text-window';
+  if (tag === 'tbody') return 'bi bi-layout-text-sidebar';
+  if (tag === 'tfoot') return 'bi bi-layout-text-window-reverse';
+  if (tag === 'tr') return 'bi bi-grip-horizontal';
+  if (tag === 'th') return 'bi bi-grid-3x3-gap-fill';
+  if (tag === 'td') return 'bi bi-grid-3x3-gap';
+  if (tag === 'col') return 'bi bi-layout-three-columns';
+  if (tag === 'colgroup') return 'bi bi-columns-gap';
+
+  // Interactive / disclosure
+  if (tag === 'details') return 'bi bi-caret-down-square';
+  if (tag === 'summary') return 'bi bi-card-text';
+  if (tag === 'dialog') return 'bi bi-chat-square-text';
+  if (tag === 'menu') return 'bi bi-list';
+
+  // Web components / templating
+  if (tag === 'template') return 'bi bi-file-earmark-code';
+  if (tag === 'slot') return 'bi bi-box-seam';
+
+  // Ruby annotation
+  if (tag === 'ruby' || tag === 'rt' || tag === 'rp' || tag === 'rb')
+    return 'bi bi-translate';
+  if (tag === 'bdi' || tag === 'bdo') return 'bi bi-arrow-left-right';
+
+  // Misc
+  if (tag === 'hr') return 'bi bi-hr';
+  if (tag === '#text' || tag === 'text-node') return 'bi bi-cursor-text';
+  if (tag === '#comment') return 'bi bi-chat-left-text';
+
+  return 'bi bi-square';
+}
 
-  function labelFor(el) {
-    var tag = (el.tagName || '').toLowerCase();
-    return tag.toUpperCase();
-  }
 
   var nodes = collectEditorInsertedElements(doc);
 
   root.innerHTML = '';
   for (var i = 0; i < nodes.length; i++) {
     var el = nodes[i];
-    var lblText = labelFor(el);
+    var lblText = domTreeLabelFor(el);
     if (filterText && lblText.toLowerCase().indexOf(filterText) < 0) continue;
 
     var row = document.createElement('div');
@@ -6221,7 +6357,7 @@ function renderElementsTree(filterRaw) {
 
     var lbl = document.createElement('div');
     lbl.className = 'dt-lbl';
-    lbl.textContent = lblText;
+    setDomTreeLabelContent(lbl, el);
     lbl.title = buildSelector(el);
 
     row.appendChild(spacer);
@@ -6246,11 +6382,35 @@ function renderElementsTree(filterRaw) {
   };
 }
 
+function domTreeLabelClassExcluded(className) {
+  var c = String(className || '');
+  return !c || c === 'vve-selected' || c === 'vve-tree-hover' || c.indexOf('vve-') === 0;
+}
+
+function domTreeLabelClassString(el) {
+  if (!el) return '';
+  try {
+    if (el.classList && el.classList.length) {
+      var out = [];
+      for (var i = 0; i < el.classList.length; i++) {
+        var cls = el.classList[i];
+        if (!domTreeLabelClassExcluded(cls)) out.push(cls);
+      }
+      return out.join(' ');
+    }
+  } catch(_) {}
+  var cn = el.className;
+  if (cn && typeof cn === 'object' && cn.baseVal != null) cn = String(cn.baseVal);
+  return typeof cn === 'string' ? cn : '';
+}
+
 function domTreeLabelSuffix(el) {
   if (el.id != null && el.id !== '') return '#' + String(el.id).slice(0, 40);
-  var cn = el.className && typeof el.className === 'string' ? el.className.trim() : '';
+  var cn = domTreeLabelClassString(el).trim();
   if (cn) {
-    var parts = cn.split(/s+/).filter(function(x) { return x.indexOf('vve-') !== 0; }).slice(0, 2).join('.');
+    var parts = cn.split(/s+/).filter(function(x) {
+      return x && !domTreeLabelClassExcluded(x);
+    }).slice(0, 2).join('.');
     if (parts) return '.' + parts.slice(0, 56);
   }
   return '';
@@ -6438,11 +6598,64 @@ function isFormControlElement(el) {
 function shouldShowInnerContentFields(el) {
   if (!el || el.nodeType !== 1) return false;
   var tag = (el.tagName || '').toLowerCase();
-  if (tag === 'input' || tag === 'textarea' || tag === 'video') return false;
+  if (tag === 'input' || tag === 'textarea' || tag === 'select' || tag === 'video') return false;
   if (isEmbeddedVideoIframe(el)) return false;
   return true;
 }
 
+function getSelectOptionsText(el) {
+  if (!el || el.nodeType !== 1) return '';
+  try {
+    var opts = el.querySelectorAll('option');
+    var lines = [];
+    for (var i = 0; i < opts.length; i++) {
+      lines.push(opts[i].textContent || '');
+    }
+    return lines.join('\\n');
+  } catch(_) {
+    return '';
+  }
+}
+
+function selectOptionsTextToHtml(text) {
+  var lines = String(text == null ? '' : text).split('\\n');
+  var parts = [];
+  for (var i = 0; i < lines.length; i++) {
+    var label = lines[i];
+    if (!label && i === lines.length - 1 && lines.length > 1) continue;
+    parts.push('<option>' + esc(label) + '</option>');
+  }
+  if (!parts.length) parts.push('<option>Option 1</option>');
+  return parts.join('');
+}
+
+function applySelectOptionsFromText(el, text) {
+  if (!el || el.nodeType !== 1) return;
+  beginSuppressIframeMutationDirty();
+  try {
+    var prevValue = '';
+    try { prevValue = el.value || ''; } catch(_) {}
+    var doc = el.ownerDocument;
+    while (el.firstChild) el.removeChild(el.firstChild);
+    var lines = String(text == null ? '' : text).split('\\n');
+    if (!lines.length || (lines.length === 1 && !String(lines[0] || '').trim())) {
+      lines = ['Option 1', 'Option 2'];
+    }
+    for (var i = 0; i < lines.length; i++) {
+      var label = lines[i];
+      if (!label && i === lines.length - 1) continue;
+      var opt = doc.createElement('option');
+      opt.textContent = label;
+      el.appendChild(opt);
+    }
+    if (prevValue) {
+      try { el.value = prevValue; } catch(_) {}
+    }
+  } finally {
+    endSuppressIframeMutationDirty();
+  }
+}
+
 function elementHasHtmlChildren(el) {
   if (!el || el.nodeType !== 1) return false;
   try {
@@ -7101,6 +7314,12 @@ function renderRightPanel(el, options) {
       subLbl('Placeholder') +
       '<input class="pr-inp" id="pp-ph" type="text" value="'+esc(el.getAttribute('placeholder')||'')+'" style="width:100%;margin-bottom:8px">';
   }
+  if (tag === 'select') {
+    contentHtml +=
+      subLbl('Options') +
+      '<div style="font-size:11px;color:var(--text-3);margin:-4px 0 8px">One option label per line</div>' +
+      '<textarea class="pr-inp" id="pp-select-options" style="width:100%;min-height:80px;font-family:var(--font-mono);font-size:11px">'+esc(getSelectOptionsText(el))+'</textarea>';
+  }
   if (shouldShowInnerContentFields(el)) {
     if (elementHasHtmlChildren(el)) {
       contentHtml +=
@@ -7208,18 +7427,49 @@ function renderRightPanel(el, options) {
 function wireContentFieldSync(el, sel) {
   var textInp = document.getElementById('pp-text');
   var htmlInp = document.getElementById('pp-html');
+  var selectOptsInp = document.getElementById('pp-select-options');
   var syncing = false;
-  function applyContentChange(changedId) {
+  var htmlApplyTimer = null;
+  var selectApplyTimer = null;
+
+  function applyHtmlToElement(htmlValue) {
+    beginSuppressIframeMutationDirty();
+    try {
+      el.innerHTML = htmlValue;
+    } finally {
+      endSuppressIframeMutationDirty();
+    }
+  }
+
+  function applyContentChange(changedId, immediate) {
     if (syncing) return;
+    if (changedId === 'pp-html' && !immediate) {
+      if (htmlApplyTimer) clearTimeout(htmlApplyTimer);
+      htmlApplyTimer = setTimeout(function() { applyContentChange('pp-html', true); }, 250);
+      return;
+    }
+    if (changedId === 'pp-select-options' && !immediate) {
+      if (selectApplyTimer) clearTimeout(selectApplyTimer);
+      selectApplyTimer = setTimeout(function() { applyContentChange('pp-select-options', true); }, 250);
+      return;
+    }
     syncing = true;
     try {
       var orig = getOriginalValue(changedId, el);
       if (changedId === 'pp-text') {
-        el.innerText = textInp.value;
+        beginSuppressIframeMutationDirty();
+        try {
+          el.innerText = textInp.value;
+        } finally {
+          endSuppressIframeMutationDirty();
+        }
         if (htmlInp) htmlInp.value = el.innerHTML;
         logChange(sel, 'pp-text', textInp.value, el, orig);
+      } else if (changedId === 'pp-select-options') {
+        applySelectOptionsFromText(el, selectOptsInp.value);
+        logChange(sel, 'pp-select-options', selectOptsInp.value, el, orig);
       } else {
-        el.innerHTML = htmlInp.value;
+        applyHtmlToElement(htmlInp.value);
         if (textInp) textInp.value = el.innerText;
         logChange(sel, 'pp-html', htmlInp.value, el, orig);
       }
@@ -7232,8 +7482,12 @@ function wireContentFieldSync(el, sel) {
     textInp.addEventListener('change', function() { applyContentChange('pp-text'); });
   }
   if (htmlInp) {
-    htmlInp.addEventListener('input', function() { applyContentChange('pp-html'); });
-    htmlInp.addEventListener('change', function() { applyContentChange('pp-html'); });
+    htmlInp.addEventListener('input', function() { applyContentChange('pp-html', false); });
+    htmlInp.addEventListener('change', function() { applyContentChange('pp-html', true); });
+  }
+  if (selectOptsInp) {
+    selectOptsInp.addEventListener('input', function() { applyContentChange('pp-select-options', false); });
+    selectOptsInp.addEventListener('change', function() { applyContentChange('pp-select-options', true); });
   }
 }
 
@@ -7724,14 +7978,21 @@ function attachChangeObserver() {
       changeObserverDoc = null;
     }
     changeObserver = new MutationObserver(function(mutations) {
+      if (suppressIframeMutationDirty > 0) return;
       var hasMeaningfulMutation = false;
       for (var mi = 0; mi < mutations.length; mi++) {
-        if (!isTreeHoverOnlyClassMutation(mutations[mi])) {
+        if (!isEditorChromeOnlyClassMutation(mutations[mi])) {
           hasMeaningfulMutation = true;
           break;
         }
       }
       if (!hasMeaningfulMutation) return;
+      var activeId = '';
+      try { activeId = document.activeElement && document.activeElement.id ? String(document.activeElement.id) : ''; } catch(_) {}
+      if (activeId === 'pp-html' || activeId === 'pp-text' || activeId === 'pp-select-options') {
+        scheduleDomTreeRefresh();
+        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.
@@ -8227,7 +8488,9 @@ window.addEventListener('load', function() {
       return;
     }
     hideIframeLoadError();
-    emitEditorUrlChanged(iframe.src || docUrl);
+    var iframeLiveUrl = '';
+    try { iframeLiveUrl = String(iframe.contentWindow.location.href || ''); } catch(_) {}
+    emitEditorUrlChanged(iframeLiveUrl || docUrl || iframe.src || '');
     // 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') {
@@ -8612,6 +8875,11 @@ function createVisualEditorMiddleware(options) {
           }
           if (chunks.length > 0) requestBody = Buffer.concat(chunks);
         }
+        const secFetchMode = (req.headers?.["sec-fetch-mode"] || "").toLowerCase();
+        const secFetchDest = (req.headers?.["sec-fetch-dest"] || "").toLowerCase();
+        const isLikelyDocumentNavigation = secFetchMode === "navigate" || secFetchDest === "iframe" || secFetchDest === "document" || secFetchDest === "nested-document" || secFetchDest === "frame";
+        const isLikelyFetchOrXHR = secFetchDest === "empty" && (secFetchMode === "cors" || secFetchMode === "same-origin" || secFetchMode === "no-cors");
+        const passthroughUpstreamRedirects = (method === "GET" || method === "HEAD") && (isLikelyDocumentNavigation || !isLikelyFetchOrXHR);
         const upstreamTimeoutMs = 12e4;
         const ac = new AbortController();
         const timeoutId = setTimeout(() => ac.abort(), upstreamTimeoutMs);
@@ -8621,7 +8889,7 @@ function createVisualEditorMiddleware(options) {
             method,
             headers: fetchHeaders,
             body: requestBody ? Buffer.from(requestBody) : null,
-            redirect: "follow",
+            redirect: passthroughUpstreamRedirects ? "manual" : "follow",
             signal: ac.signal
           });
         } catch (fetchErr) {
@@ -8645,12 +8913,43 @@ function createVisualEditorMiddleware(options) {
           return;
         }
         clearTimeout(timeoutId);
+        if (passthroughUpstreamRedirects && upstream.status >= 300 && upstream.status < 400) {
+          const locationHeader = upstream.headers.get("location") || upstream.headers.get("Location");
+          if (locationHeader) {
+            try {
+              const redirectTarget = new URL(locationHeader, targetUrl);
+              if (redirectTarget.origin === origin) {
+                const proxyRedirect = new URL(proxyRootForRequest, "http://localhost");
+                proxyRedirect.searchParams.set("password", password);
+                proxyRedirect.searchParams.set("url", redirectTarget.toString());
+                url.searchParams.forEach((value, key) => {
+                  if (key === "url" || key === "password") return;
+                  proxyRedirect.searchParams.set(key, value);
+                });
+                res.statusCode = upstream.status === 303 ? 303 : 302;
+                res.setHeader("Location", `${proxyRedirect.pathname}${proxyRedirect.search}`);
+                res.setHeader("Cache-Control", "no-store");
+                res.setHeader("Access-Control-Allow-Origin", "*");
+                setFrameHeaders(req, res);
+                res.end();
+                return;
+              }
+              res.statusCode = 502;
+              res.setHeader("Content-Type", "application/json");
+              res.end(
+                JSON.stringify({
+                  error: "Cross-origin redirect blocked in editor preview",
+                  location: redirectTarget.toString(),
+                  from: targetUrl
+                })
+              );
+              return;
+            } catch (_) {
+            }
+          }
+        }
         const responseContentType = upstream.headers.get("content-type") || "";
         const isHtmlResponse = responseContentType.includes("text/html");
-        const secFetchMode = (req.headers?.["sec-fetch-mode"] || "").toLowerCase();
-        const secFetchDest = (req.headers?.["sec-fetch-dest"] || "").toLowerCase();
-        const isLikelyDocumentNavigation = secFetchMode === "navigate" || secFetchDest === "iframe" || secFetchDest === "document" || secFetchDest === "nested-document" || secFetchDest === "frame";
-        const isLikelyFetchOrXHR = secFetchDest === "empty" && (secFetchMode === "cors" || secFetchMode === "same-origin" || secFetchMode === "no-cors");
         const shouldInjectHtmlBridge = isHtmlResponse && (isLikelyDocumentNavigation || !isLikelyFetchOrXHR);
         if (!isHtmlResponse || !shouldInjectHtmlBridge) {
           const binary = Buffer.from(await upstream.arrayBuffer());
@@ -8704,6 +9003,18 @@ ${iframeAlwaysShowCssGuardScript}
           /<meta[^>]+name=["']?\s*content-security-policy\s*["']?[^>]*>/gi,
           ""
         );
+        html = html.replace(
+          /(<meta[^>]+http-equiv=["']?refresh["']?[^>]*content=["'][^"']*url=)([^"';]+)(["'][^>]*>)/gi,
+          (match, prefix, urlPart, suffix) => {
+            try {
+              const abs = new URL(String(urlPart).trim(), origin).toString();
+              if (new URL(abs).origin !== origin) return match;
+              return `${prefix}${proxyBase}${encodeURIComponent(abs)}${suffix}`;
+            } catch {
+              return match;
+            }
+          }
+        );
         const runtimePreflightScript = `<script>(function(){try{
 var TARGET_ORIGIN=${JSON.stringify(origin)};
 var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
@@ -8910,6 +9221,8 @@ try{if(window.history&&typeof window.history.pushState==="function"){var nativeP
 try{if(window.history&&typeof window.history.replaceState==="function"){var nativeReplaceState=window.history.replaceState;window.history.replaceState=function(){var ret=nativeReplaceState.apply(window.history,arguments);setTimeout(notifyEditorUrlChanged,0);return ret;};}}catch(_){}
 try{window.addEventListener("popstate",notifyEditorUrlChanged,true);}catch(_){}
 try{window.addEventListener("hashchange",notifyEditorUrlChanged,true);}catch(_){}
+try{window.addEventListener("pageshow",notifyEditorUrlChanged,true);}catch(_){}
+try{window.addEventListener("load",function(){setTimeout(notifyEditorUrlChanged,0);},true);}catch(_){}
 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){
@@ -8938,6 +9251,9 @@ function toProxy(raw){
 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;}}
+function interceptMetaRefresh(){try{var metas=document.querySelectorAll('meta[http-equiv="refresh" i],meta[http-equiv="Refresh"]');for(var i=0;i<metas.length;i++){var content=metas[i].getAttribute("content")||"";var m=content.match(/url=(.+)$/i);if(!m)continue;var raw=m[1].trim().replace(/^['"]|['"]$/g,"");if(safeNavigate(raw,"replace"))metas[i].parentNode&&metas[i].parentNode.removeChild(metas[i]);}}catch(_){}}
+try{interceptMetaRefresh();}catch(_){}
+try{document.addEventListener("DOMContentLoaded",interceptMetaRefresh,true);}catch(_){}
 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(_){}

package/package.json

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