From 4bd56a6d7511b79e5c746ba9eea6b44a4ca1d840 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 16:47:21 +0000
Subject: [PATCH 1/5] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 1956a0c..424c6ba 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -69,7 +69,7 @@ export default function AboutPage() {
         <MediaAbout
           title="Molding Technologies LLC: Precision Manufacturing Excellence"
           description="A veteran-owned manufacturer committed to delivering precision plastic parts with uncompromising quality, expert craftsmanship, and reliable service. For over 20 years, we've partnered with manufacturers, engineers, and businesses across industries to bring their designs to life."
-          imageSrc="http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg?_wi=7"
           imageAlt="Manufacturing facility showcasing precision equipment"
           buttons={[
             { text: "Request a Quote", href: "/quote" },
@@ -89,7 +89,7 @@ export default function AboutPage() {
               title: "20+ Years of Manufacturing Experience",
               description: "Our experienced team brings decades of expertise in precision plastic injection molding, process optimization, and quality assurance. We've successfully completed over 500 projects across diverse industries.",
               media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg",
+                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg?_wi=5",
               },
               items: [
                 { icon: CheckCircle, text: "Proven track record of success" },
@@ -103,7 +103,7 @@ export default function AboutPage() {
               title: "Veteran-Owned & Community Focused",
               description: "As a veteran-owned business, we're committed to supporting our local community while maintaining the highest standards of professionalism, integrity, and excellence that define our military heritage.",
               media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg",
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg?_wi=7",
               },
               items: [
                 { icon: Shield, text: "Certified veteran-owned business" },
@@ -117,7 +117,7 @@ export default function AboutPage() {
               title: "Technology-Driven Manufacturing",
               description: "We invest in state-of-the-art equipment, precision tooling, and continuous process improvements. Our facility is equipped with modern injection molding systems that enable us to meet tight tolerances and demanding production schedules.",
               media: {
-                imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg",
+                imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg?_wi=6",
               },
               items: [
                 { icon: Zap, text: "Advanced molding equipment" },
@@ -144,7 +144,7 @@ export default function AboutPage() {
               quote: "We've worked with several injection molding providers over the years, but Molding Technologies stands out for their precision and quality control. Every part meets our exact specifications, and we've had zero defects in the last 50,000 units they've produced for us.",
               name: "Michael Rodriguez",
               role: "Manufacturing Manager, Precision Industries",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=2",
               imageAlt: "Michael Rodriguez",
             },
             {
@@ -153,7 +153,7 @@ export default function AboutPage() {
               quote: "The engineering team at Molding Technologies truly understands our business. They've provided invaluable design recommendations that saved us thousands on tooling costs while improving manufacturability. They're partners, not just vendors.",
               name: "Sarah Chen",
               role: "Procurement Director, Tech Components LLC",
-              imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-office-man-looks-camera-guy-guy-is-standing-by-map_1157-40449.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-office-man-looks-camera-guy-guy-is-standing-by-map_1157-40449.jpg?_wi=2",
               imageAlt: "Sarah Chen",
             },
             {
@@ -162,7 +162,7 @@ export default function AboutPage() {
               quote: "Having a domestic manufacturer I can trust eliminates the complexity of international shipping and communication delays. Molding Technologies gives us the reliability and responsiveness we need to serve our own customers better.",
               name: "James Williams",
               role: "Operations Director, Consumer Products Co",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg?_wi=2",
               imageAlt: "James Williams",
             },
           ]}
-- 
2.49.1


From 66104ee4a2b40fd589bcee123414f422f5c878d0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 16:47:22 +0000
Subject: [PATCH 2/5] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 562dffe..e8ac260 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -69,7 +69,7 @@ export default function ContactPage() {
         <MediaAbout
           title="Get in Touch with Our Manufacturing Experts"
           description="Ready to discuss your plastic injection molding project? Our team is here to answer your questions, provide quotes, and help you find the perfect manufacturing solution. Contact us today to get started."
-          imageSrc="http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg?_wi=5"
           imageAlt="Engineering team consulting on project specifications"
           buttons={[
             { text: "Request a Quote", href: "/quote" },
@@ -122,7 +122,7 @@ export default function ContactPage() {
               title: "Direct Phone Consultation",
               description: "Speak directly with our manufacturing experts. Call (860) 395-3230 during business hours to discuss your project requirements, timeline, and specifications. Our team provides immediate feedback and can often quote projects on the phone.",
               media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
+                imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=2",
               },
               items: [
                 { icon: Phone, text: "Direct line to engineering team" },
@@ -136,7 +136,7 @@ export default function ContactPage() {
               title: "Quote Request Process",
               description: "Submit your project details, CAD files, or specifications through our online quote request form. Include your production volume, timeline, and any special requirements. We'll review and provide a detailed quote within 24 hours.",
               media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
+                imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=2",
               },
               items: [
                 { icon: FileCheck, text: "Upload CAD or specifications" },
@@ -150,7 +150,7 @@ export default function ContactPage() {
               title: "Visit Our Facility",
               description: "Schedule a tour of our Connecticut manufacturing facility to see our equipment, meet the team, and discuss your project in person. Tour visits help us better understand your needs and you to see our capabilities firsthand.",
               media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2147996569.jpg",
+                imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2147996569.jpg?_wi=2",
               },
               items: [
                 { icon: MapPin, text: "304 Boston Post Rd, Old Saybrook, CT" },
-- 
2.49.1


From 2192de88b1dbce7ebc63f414bbd64ac540b61227 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 16:47:22 +0000
Subject: [PATCH 3/5] Update src/app/layout.tsx

---
 src/app/layout.tsx | 1367 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 1367 insertions(+)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c48ee9a..62b06fd 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1431,6 +1431,1373 @@ export default function RootLayout({
   
   window.parent.postMessage({ type: 'webild-editor-ready' }, '*');
 })();
+`
+          }}
+        />
+      
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+(function() {
+  if (window.self === window.top) return;
+
+  if (window.__webildEditorInitialized) return;
+  window.__webildEditorInitialized = true;
+
+  let isActive = false;
+  let hoveredElement = null;
+  let selectedElement = null;
+  let originalContent = null;
+  let isEditing = false;
+  let elementTypeLabel = null;
+  let hoverOverlay = null;
+  let scrollTimeout = null;
+  let isScrolling = false;
+
+  const invalidElements = ['html', 'body', 'script', 'style', 'meta', 'link', 'head', 'noscript', 'title'];
+  const hoverClass = 'webild-hover';
+  const selectedClass = 'webild-selected';
+
+  const style = document.createElement('style');
+  style.id = 'webild-inspector-styles';
+  style.textContent = '' +
+    '.webild-hover {' +
+    '  outline: 2px dashed #4d96ff80 !important;' +
+    '  border-radius: 0 !important;' +
+    '  outline-offset: 2px !important;' +
+    '  cursor: pointer !important;' +
+    '  transition: outline 0.15s ease !important;' +
+    '  background-color: #4d96ff05 !important;' +
+    '}' +
+    '.webild-selected {' +
+    '  outline: 2px solid #4d96ff !important;' +
+    '  outline-offset: 2px !important;' +
+    '  transition: outline 0.15s ease !important;' +
+    '  background-color: #4d96ff05 !important;' +
+    '  border-radius: 0 !important;' +
+    '}' +
+    '[contenteditable="true"].webild-selected {' +
+    '  outline: 2px solid #4d96ff !important;' +
+    '  background-color: #4d96ff05 !important;' +
+    '}' +
+    'img.webild-hover,' +
+    'img.webild-selected,' +
+    'video.webild-hover,' +
+    'video.webild-selected {' +
+    '  outline-offset: 2px !important;' +
+    '}' +
+    '.webild-element-type-label {' +
+    '  position: fixed !important;' +
+    '  z-index: 999999 !important;' +
+    '  background: #4d96ff !important;' +
+    '  color: white !important;' +
+    '  padding: 4px 8px !important;' +
+    '  font-size: 11px !important;' +
+    '  font-weight: 600 !important;' +
+    '  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;' +
+    '  pointer-events: none !important;' +
+    '  white-space: nowrap !important;' +
+    '  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;' +
+    '  letter-spacing: 0.3px !important;' +
+    '  border: 1px solid #4d96ff20 !important;' +
+    '}' +
+    '.webild-element-type-label.label-top {' +
+    '  border-radius: 6px 6px 0 0 !important;' +
+    '}' +
+    '.webild-element-type-label.label-bottom {' +
+    '  border-radius: 0 0 6px 6px !important;' +
+    '}' +
+    '.webild-hover-overlay {' +
+    '  position: fixed !important;' +
+    '  background-color: #4d96ff15 !important;' +
+    '  pointer-events: none !important;' +
+    '  z-index: 999998 !important;' +
+    '  transition: all 0.15s ease !important;' +
+    '}';
+  document.head.appendChild(style);
+  
+  const getUniqueSelector = (element, assignId = false) => {
+    if (element.dataset && element.dataset.webildSelector) {
+      return element.dataset.webildSelector;
+    }
+    
+    const existingId = element.getAttribute('data-webild-id');
+    if (existingId) {
+      return '[data-webild-id="' + existingId + '"]';
+    }
+    
+    if (assignId) {
+      const uniqueId = 'webild-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);
+      element.setAttribute('data-webild-id', uniqueId);
+      return '[data-webild-id="' + uniqueId + '"]';
+    }
+    
+    return null;
+  };
+  
+  const getSectionId = (element) => {
+    let current = element;
+    while (current && current !== document.body) {
+      const sectionId = current.getAttribute('data-section');
+      if (sectionId) {
+        return sectionId;
+      }
+      current = current.parentElement;
+    }
+    return 'hero';
+  };
+  
+  const getElementType = (element) => {
+  const tagName = element.tagName.toLowerCase();
+  const computedStyle = window.getComputedStyle(element);
+
+  if (tagName === 'img') {
+    return 'Image';
+  }
+
+  if (tagName === 'video') {
+    return 'Video';
+  }
+
+  const backgroundImage = computedStyle.backgroundImage;
+  if (backgroundImage && backgroundImage !== 'none') {
+    const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
+    if (urlMatch && urlMatch[1] && !urlMatch[1].includes('gradient')) {
+      const area = element.offsetWidth * element.offsetHeight;
+      const hasReasonableSize = area > 1000;
+      const hasFewChildren = element.children.length <= 2;
+      
+      if (hasReasonableSize && hasFewChildren) {
+        return 'Image';
+      }
+    }
+  }
+
+    if (tagName === 'button') return 'Button';
+    if (tagName === 'a' && element.getAttribute('href')) return 'Button';
+    if (element.getAttribute('role') === 'button') return 'Button';
+
+    const buttonClasses = ['btn', 'button', 'cta', 'action-button'];
+    const hasButtonClass = buttonClasses.some(cls =>
+      element.classList.contains(cls) || element.classList.contains(\`btn-\${cls}\`)
+    );
+
+    if (hasButtonClass && element.textContent && element.textContent.trim().length > 0) {
+      return 'Button';
+    }
+
+    const textTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'label', 'li'];
+    if (textTags.includes(tagName)) {
+      return 'Text';
+    }
+
+    if (tagName === 'div') {
+      const hasDirectText = Array.from(element.childNodes).some(node => 
+        node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
+      );
+      
+      if (hasDirectText && !element.querySelector('div, section, article, main, header, footer')) {
+        return 'Text';
+      }
+      
+      return 'Div';
+    }
+
+    if (tagName === 'article') {
+      return 'Article';
+    }
+
+    if (tagName === 'a' && !element.getAttribute('href')) {
+      return 'Text';
+    }
+
+    return 'Section';
+  };
+
+  const extractOriginalUrl = (url) => {
+    if (!url) return url;
+
+    if (url.includes('/_next/')) {
+      try {
+        const urlObj = new URL(url);
+        const originalPath = urlObj.searchParams.get('url');
+        if (originalPath) {
+          return originalPath;
+        }
+      } catch (e) {
+        return url;
+      }
+    }
+    
+    if (url.includes('.webild.io/')) {
+      try {
+        const urlObj = new URL(url);
+        return urlObj.pathname;
+      } catch (e) {
+        return url;
+      }
+    }
+
+    return url;
+  };
+
+  const getMediaTypeFromUrl = (url) => {
+    const videoExts = ['.mp4', '.webm', '.ogg', '.mov', '.avi', '.mkv', '.m4v', '.wmv'];
+    const imageExts = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp', '.ico', '.tiff', '.avif'];
+    try {
+      const pathname = new URL(url).pathname.toLowerCase();
+      if (videoExts.some(function(ext) { return pathname.endsWith(ext); })) return 'video';
+      if (imageExts.some(function(ext) { return pathname.endsWith(ext); })) return 'image';
+    } catch(e) {}
+    return 'unknown';
+  };
+
+  const swapMediaElement = (oldEl, newTag, newSrc) => {
+    const newEl = document.createElement(newTag);
+    Array.from(oldEl.attributes).forEach(function(attr) {
+      if (attr.name !== 'src' && attr.name !== 'alt' && attr.name !== 'srcset' && attr.name !== 'autoplay' && attr.name !== 'loop' && attr.name !== 'muted' && attr.name !== 'playsinline') {
+        try { newEl.setAttribute(attr.name, attr.value); } catch(e) {}
+      }
+    });
+    newEl.style.cssText = oldEl.style.cssText;
+    if (newTag === 'video') {
+      newEl.setAttribute('autoplay', '');
+      newEl.setAttribute('loop', '');
+      newEl.setAttribute('muted', '');
+      newEl.setAttribute('playsinline', '');
+    }
+    newEl.src = newSrc;
+    if (oldEl.parentNode) {
+      oldEl.parentNode.replaceChild(newEl, oldEl);
+    }
+    return newEl;
+  };
+
+  const getElementInfo = (element, assignId = false) => {
+    const rect = element.getBoundingClientRect();
+    const tagName = element.tagName.toLowerCase();
+    const selector = getUniqueSelector(element, assignId);
+    const sectionId = getSectionId(element);
+    
+    let className = undefined;
+    try {
+      if (element.className) {
+        if (typeof element.className === 'string') {
+          className = element.className;
+        } else if (element.className.baseVal !== undefined) {
+          className = element.className.baseVal;
+        }
+      }
+    } catch (e) {}
+    
+    const info = {
+      tagName: tagName,
+      id: element.id || undefined,
+      className: className,
+      selector: selector,
+      elementType: null,
+      sectionId: sectionId,
+      boundingBox: {
+        x: rect.left,
+        y: rect.top,
+        width: rect.width,
+        height: rect.height
+      }
+    };
+    
+    if (tagName === 'img') {
+      const originalSrc = extractOriginalUrl(element.src);
+      info.imageData = {
+        src: originalSrc,
+        alt: element.alt || undefined,
+        naturalWidth: element.naturalWidth,
+        naturalHeight: element.naturalHeight,
+        isBackground: false
+      };
+    }
+
+    if (tagName === 'video') {
+      const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
+      const resolvedSrc = extractOriginalUrl(rawSrc);
+      info.imageData = {
+        src: resolvedSrc,
+        alt: element.getAttribute('aria-label') || undefined,
+        isBackground: false,
+        isVideo: true
+      };
+    }
+
+    const computedStyle = window.getComputedStyle(element);
+    const backgroundImage = computedStyle.backgroundImage;
+    if (backgroundImage && backgroundImage !== 'none') {
+      const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
+      if (urlMatch) {
+        const originalBgSrc = extractOriginalUrl(urlMatch[1]);
+        if (tagName !== 'img') {
+          info.imageData = {
+            src: originalBgSrc,
+            isBackground: true
+          };
+        } else {
+          if (!info.imageData) info.imageData = {};
+          info.imageData.backgroundImageSrc = originalBgSrc;
+        }
+      }
+    }
+    
+    const elementType = getElementType(element);
+    info.elementType = elementType;
+    
+    if (elementType === 'Button') {
+      const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
+      const buttonHref = element.getAttribute('href') ||
+                        element.getAttribute('data-href') ||
+                        element.getAttribute('onclick') ||
+                        element.dataset?.link ||
+                        undefined;
+
+      info.buttonData = {
+        text: buttonText,
+        href: buttonHref
+      };
+    }
+
+    if (elementType === 'Text') {
+      info.textContent = element.textContent || '';
+    }
+    
+    return info;
+  };
+  
+  const isValidElement = (element) => {
+    if (!isActive) return false;
+    const tagName = element.tagName?.toLowerCase();
+    if (invalidElements.includes(tagName)) return false;
+    const isImage = tagName === 'img';
+    const isVideo = tagName === 'video';
+    if (isImage || isVideo) return true;
+    const hasInnerHTML = element.innerHTML && element.innerHTML.trim().length > 0;
+    const hasTextContent = element.textContent && element.textContent.trim().length > 0;
+    const hasChildren = element.children && element.children.length > 0;
+    if (!hasInnerHTML && !hasTextContent && !hasChildren) {
+      return false;
+    }
+    const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
+    if (hasBackgroundImage && !hasChildren && !hasTextContent) {
+      return false;
+    }
+    
+    return true;
+  };
+
+  const getMostSpecificElement = (x, y) => {
+    const elements = document.elementsFromPoint(x, y);
+    const validElements = elements.filter(el =>
+      isValidElement(el) &&
+      !el.classList.contains('webild-hover-overlay') &&
+      !el.classList.contains('webild-element-type-label')
+    );
+
+    if (validElements.length === 0) return null;
+    const scoredElements = validElements.map(element => {
+      let score = 0;
+      const rect = element.getBoundingClientRect();
+      const tagName = element.tagName.toLowerCase();
+      const computedStyle = window.getComputedStyle(element);
+      let depth = 0;
+      let current = element;
+      while (current && current !== document.body) {
+        depth++;
+        current = current.parentElement;
+      }
+      score += depth * 2;
+      const hasDirectText = Array.from(element.childNodes).some(node => 
+        node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
+      );
+
+      const hasImages = element.tagName === 'IMG' || element.tagName === 'VIDEO' || computedStyle.backgroundImage !== 'none' || element.querySelector('img') || element.querySelector('video');
+      const isInteractive = ['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName);
+      const hasFewChildren = element.children.length <= 3;
+      const area = rect.width * rect.height;
+      const viewportArea = window.innerWidth * window.innerHeight;
+      const isSmallElement = area < viewportArea * 0.1;
+      if (hasDirectText) score += 20;
+      if (hasImages) score += 15;
+      if (isInteractive) score += 25;
+      if (hasFewChildren) score += 10;
+      if (isSmallElement) score += 5;
+      if (area > viewportArea * 0.3) score -= 30;
+      if (element.hasAttribute('data-section')) score -= 15;
+      if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(tagName)) score += 20;
+      if (['p', 'span', 'label'].includes(tagName)) score += 15;
+      if (tagName === 'div' && !hasDirectText && element.children.length > 2) score -= 10;
+
+      return { element, score };
+    });
+    scoredElements.sort((a, b) => b.score - a.score);
+    return scoredElements[0]?.element || validElements[0];
+  };
+
+  const isTextElement = (element) => {
+    const elementType = getElementType(element);
+    return elementType === 'Text';
+  };
+
+  const isButtonElement = (element) => {
+    const elementType = getElementType(element);
+    return elementType === 'Button';
+  };
+
+  const updateButtonText = (element, newText) => {
+    const textNodes = [];
+    const walker = document.createTreeWalker(
+      element,
+      NodeFilter.SHOW_TEXT,
+      null
+    );
+
+    let node;
+    while (node = walker.nextNode()) {
+      if (node.textContent && node.textContent.trim()) {
+        textNodes.push(node);
+      }
+    }
+
+    if (textNodes.length > 0) {
+      textNodes[0].textContent = newText;
+      for (let i = 1; i < textNodes.length; i++) {
+        textNodes[i].textContent = '';
+      }
+    } else {
+      element.textContent = newText;
+    }
+  };
+
+  const makeEditable = (element, clickEvent) => {
+    if (!isTextElement(element)) return;
+    
+    originalContent = element.textContent;
+    element.contentEditable = 'true';
+    
+    if (!element.dataset.webildOriginalWhiteSpace) {
+      const computedStyle = window.getComputedStyle(element);
+      element.dataset.webildOriginalWhiteSpace = computedStyle.whiteSpace;
+      element.dataset.webildOriginalWordWrap = computedStyle.wordWrap;
+      element.dataset.webildOriginalOverflowWrap = computedStyle.overflowWrap;
+      element.dataset.webildOriginalOverflow = computedStyle.overflow;
+    }
+    
+    element.style.whiteSpace = 'pre-wrap';
+    element.style.wordWrap = 'break-word';
+    element.style.overflowWrap = 'break-word';
+    element.style.overflow = 'visible';
+    
+    element.focus();
+    isEditing = true;
+    
+    window.parent.postMessage({
+      type: 'webild-text-editing-started',
+      data: { selector: getElementInfo(element).selector }
+    }, '*');
+    
+    const handleBeforeInput = (e) => {
+      // Prevent deletion if it would leave the element empty
+      const currentText = element.textContent || '';
+      const inputType = e.inputType;
+      
+      // Check if this is a delete operation that would leave the element empty
+      if ((inputType === 'deleteContentBackward' || inputType === 'deleteContentForward' || inputType === 'deleteByCut') && currentText.length <= 1) {
+        e.preventDefault();
+        element.textContent = ' ';
+        // Move cursor to the beginning
+        const range = document.createRange();
+        const sel = window.getSelection();
+        range.setStart(element.firstChild || element, 0);
+        range.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(range);
+      }
+    };
+    
+    const handleInput = () => {
+      const elementInfo = getElementInfo(element);
+      let currentText = element.textContent;
+      
+      // Ensure there's always at least a space to keep the element editable
+      if (currentText === '' || currentText === null || currentText.length === 0) {
+        element.textContent = ' ';
+        currentText = ' ';
+        // Move cursor to the beginning
+        try {
+          const range = document.createRange();
+          const sel = window.getSelection();
+          range.setStart(element.firstChild || element, 0);
+          range.collapse(true);
+          sel.removeAllRanges();
+          sel.addRange(range);
+        } catch (e) {
+          // Ignore cursor positioning errors
+        }
+      }
+
+      window.parent.postMessage({
+        type: 'webild-element-changed',
+        data: {
+          type: 'updateText',
+          selector: elementInfo.selector,
+          oldValue: originalContent,
+          newValue: currentText,
+          elementType: elementInfo.elementType,
+          sectionId: elementInfo.sectionId,
+          timestamp: Date.now()
+        }
+      }, '*');
+      
+      if (currentText !== originalContent) {
+        window.parent.postMessage({
+          type: 'webild-text-changed',
+          data: { 
+            selector: elementInfo.selector,
+            hasChanges: true
+          }
+        }, '*');
+      }
+    };
+    
+    element.addEventListener('beforeinput', handleBeforeInput);
+    element.addEventListener('input', handleInput);
+    element.dataset.inputHandler = 'true';
+    element.dataset.beforeInputHandler = 'true';
+    
+    if (clickEvent && element.childNodes.length > 0) {
+      try {
+        let range = null;
+        
+        if (document.caretRangeFromPoint) {
+          range = document.caretRangeFromPoint(clickEvent.clientX, clickEvent.clientY);
+        } else if (document.caretPositionFromPoint) {
+          const position = document.caretPositionFromPoint(clickEvent.clientX, clickEvent.clientY);
+          if (position) {
+            range = document.createRange();
+            range.setStart(position.offsetNode, position.offset);
+            range.collapse(true);
+          }
+        }
+        
+        if (range) {
+          const selection = window.getSelection();
+          selection.removeAllRanges();
+          selection.addRange(range);
+        }
+      } catch (e) {
+        console.warn('[Webild] Could not set caret position:', e);
+      }
+    }
+  };
+  
+  const makeUneditable = (element, save = false) => {
+    if (!element || element.contentEditable !== 'true') return;
+    
+    element.contentEditable = 'false';
+    isEditing = false;
+    
+    if (element.dataset.webildOriginalWhiteSpace) {
+      element.style.whiteSpace = element.dataset.webildOriginalWhiteSpace === 'normal' ? '' : element.dataset.webildOriginalWhiteSpace;
+      delete element.dataset.webildOriginalWhiteSpace;
+    }
+    if (element.dataset.webildOriginalWordWrap) {
+      element.style.wordWrap = element.dataset.webildOriginalWordWrap === 'normal' ? '' : element.dataset.webildOriginalWordWrap;
+      delete element.dataset.webildOriginalWordWrap;
+    }
+    if (element.dataset.webildOriginalOverflowWrap) {
+      element.style.overflowWrap = element.dataset.webildOriginalOverflowWrap === 'normal' ? '' : element.dataset.webildOriginalOverflowWrap;
+      delete element.dataset.webildOriginalOverflowWrap;
+    }
+    if (element.dataset.webildOriginalOverflow) {
+      element.style.overflow = element.dataset.webildOriginalOverflow === 'visible' ? '' : element.dataset.webildOriginalOverflow;
+      delete element.dataset.webildOriginalOverflow;
+    }
+    
+    if (element.dataset.beforeInputHandler === 'true') {
+      element.removeEventListener('beforeinput', () => {});
+      delete element.dataset.beforeInputHandler;
+    }
+    
+    if (element.dataset.inputHandler === 'true') {
+      element.removeEventListener('input', () => {});
+      delete element.dataset.inputHandler;
+    }
+    
+    window.parent.postMessage({
+      type: 'webild-text-editing-ended',
+      data: { selector: getElementInfo(element).selector }
+    }, '*');
+    
+    if (save && originalContent !== element.textContent) {
+      const elementInfo = getElementInfo(element);
+      let finalText = element.textContent;
+      
+      // Trim the final text and convert space-only to empty string for saving
+      if (finalText === ' ' || finalText.trim() === '') {
+        finalText = '';
+        // Update the actual element text to empty for display
+        element.textContent = '';
+      }
+      
+      const change = {
+        type: 'updateText',
+        selector: elementInfo.selector,
+        oldValue: originalContent,
+        newValue: finalText,
+        elementType: elementInfo.elementType,
+        sectionId: elementInfo.sectionId,
+        timestamp: Date.now()
+      };
+
+      saveChangeToStorage(change);
+
+      window.parent.postMessage({
+        type: 'webild-element-changed',
+        data: change
+      }, '*');
+    } else if (!save && originalContent !== null) {
+      element.textContent = originalContent;
+    }
+    
+    originalContent = null;
+  };
+  
+  const createHoverOverlay = (element) => {
+    const rect = element.getBoundingClientRect();
+    const overlay = document.createElement('div');
+    overlay.className = 'webild-hover-overlay';
+    overlay.style.cssText = \`
+      position: fixed !important;
+      top: \${rect.top - 2}px !important;
+      left: \${rect.left - 2}px !important;
+      width: \${rect.width + 4}px !important;
+      height: \${rect.height + 4}px !important;
+      background-color: rgba(90, 113, 230, 0.15) !important;
+      pointer-events: none !important;
+      z-index: 999998 !important;
+      transition: all 0.15s ease !important;
+    \`;
+    document.body.appendChild(overlay);
+    return overlay;
+  };
+  
+  const removeHoverOverlay = () => {
+    if (hoverOverlay) {
+      hoverOverlay.remove();
+      hoverOverlay = null;
+    }
+  };
+  
+  const showElementTypeLabel = (element, elementType) => {
+    if (!elementType) return;
+
+    removeElementTypeLabel();
+
+    const rect = element.getBoundingClientRect();
+    elementTypeLabel = document.createElement('div');
+    elementTypeLabel.className = 'webild-element-type-label';
+    const ariaLabel = element.getAttribute('aria-label');
+    let labelText;
+    
+    if (elementType === 'Div') {
+      labelText = 'Div';
+    } else if (elementType === 'Article') {
+      labelText = 'Article';
+    } else if (elementType === 'Section') {
+      labelText = ariaLabel || 'Section';
+    } else {
+      labelText = elementType;
+    }
+    
+    elementTypeLabel.textContent = labelText;
+    document.body.appendChild(elementTypeLabel);
+    const labelRect = elementTypeLabel.getBoundingClientRect();
+    let labelTop = rect.top - labelRect.height - 2;
+    let labelLeft = rect.left - 3;
+    let isLabelOnTop = true;
+    if (labelTop < 0) {
+      labelTop = rect.bottom + 1;
+      isLabelOnTop = false;
+    }
+    if (labelTop + labelRect.height > window.innerHeight) {
+      labelTop = rect.bottom - labelRect.height;
+      isLabelOnTop = false;
+      if (labelTop < 0) {
+        labelTop = rect.top;
+        isLabelOnTop = true;
+      }
+    }
+    if (labelLeft + labelRect.width > window.innerWidth) {
+      labelLeft = window.innerWidth - labelRect.width;
+    }
+    if (labelLeft < 0) {
+      labelLeft = 0;
+    }
+    if (isLabelOnTop) {
+      elementTypeLabel.classList.add('label-top');
+    } else {
+      elementTypeLabel.classList.add('label-bottom');
+    }
+
+    elementTypeLabel.style.cssText = \`
+      left: \${labelLeft}px !important;
+      top: \${labelTop}px !important;
+      transform: none !important;
+    \`;
+  };
+  
+  const removeElementTypeLabel = () => {
+    if (elementTypeLabel) {
+      elementTypeLabel.remove();
+      elementTypeLabel = null;
+    }
+  };
+  
+  const handleMouseOver = (e) => {
+    if (!isActive) return;
+
+    lastMouseX = e.clientX;
+    lastMouseY = e.clientY;
+
+    const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
+
+    if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
+      return;
+    }
+    
+    if (hoveredElement && hoveredElement !== selectedElement) {
+      hoveredElement.classList.remove(hoverClass);
+      if (hoveredElement.dataset.webildOriginalPosition) {
+        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
+        delete hoveredElement.dataset.webildOriginalPosition;
+      }
+      removeHoverOverlay();
+      removeElementTypeLabel();
+    }
+    
+    hoveredElement = target;
+    
+    const computedStyle = window.getComputedStyle(target);
+    const currentPosition = computedStyle.position;
+    
+    if (currentPosition === 'static' || currentPosition === '') {
+      hoveredElement.dataset.webildOriginalPosition = currentPosition || 'none';
+      hoveredElement.style.position = 'relative';
+    }
+    
+    hoveredElement.classList.add(hoverClass);
+    
+    if ((!selectedElement || selectedElement !== target) && !isScrolling) {
+      hoverOverlay = createHoverOverlay(target);
+    }
+    
+    const elementType = getElementType(target);
+    showElementTypeLabel(target, elementType);
+    
+    window.parent.postMessage({
+      type: 'webild-element-hover',
+      data: getElementInfo(target, false)
+    }, '*');
+  };
+  
+  const handleMouseOut = (e) => {
+    if (!isActive) return;
+    
+    if (hoveredElement && hoveredElement !== selectedElement) {
+      hoveredElement.classList.remove(hoverClass);
+      
+      if (hoveredElement.dataset.webildOriginalPosition) {
+        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
+        delete hoveredElement.dataset.webildOriginalPosition;
+      }
+      
+      removeHoverOverlay();
+      removeElementTypeLabel();
+      
+      hoveredElement = null;
+      
+      window.parent.postMessage({
+        type: 'webild-element-hover',
+        data: null
+      }, '*');
+    }
+  };
+  
+  const handleClick = (e) => {
+  if (!isActive) return;
+
+  if (isEditing) {
+    e.stopPropagation();
+    return;
+  }
+
+  e.preventDefault();
+  e.stopPropagation();
+
+  const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;  
+  if (!isValidElement(target)) return;
+    
+    if (selectedElement && selectedElement !== target) {
+      makeUneditable(selectedElement, false);
+      selectedElement.classList.remove(selectedClass);
+      selectedElement.classList.remove(hoverClass);
+      
+      if (selectedElement.dataset.webildOriginalPosition) {
+        selectedElement.style.position = selectedElement.dataset.webildOriginalPosition === 'none' ? '' : selectedElement.dataset.webildOriginalPosition;
+        delete selectedElement.dataset.webildOriginalPosition;
+      }
+      
+      removeHoverOverlay();
+      removeElementTypeLabel();
+    }
+    
+    if (selectedElement === target) {
+      if (target.dataset.webildOriginalPosition) {
+        target.style.position = target.dataset.webildOriginalPosition === 'none' ? '' : target.dataset.webildOriginalPosition;
+        delete target.dataset.webildOriginalPosition;
+      }
+      
+      removeHoverOverlay();
+      removeElementTypeLabel();
+      
+      selectedElement = null;
+      window.parent.postMessage({
+        type: 'webild-element-selected',
+        data: null
+      }, '*');
+      return;
+    }
+    
+    selectedElement = target;
+    selectedElement.classList.add(selectedClass);
+    
+    removeHoverOverlay();
+    removeElementTypeLabel();
+    
+    if (hoveredElement === target) {
+      hoveredElement.classList.remove(hoverClass);
+      hoveredElement = null;
+    }
+    
+    const elementInfo = getElementInfo(target, true);
+    selectedElement.dataset.webildSelector = elementInfo.selector;
+    showElementTypeLabel(target, elementInfo.elementType);
+    
+    window.parent.postMessage({
+      type: 'webild-element-selected',
+      data: elementInfo
+    }, '*');
+    
+    if (isTextElement(target)) {
+      setTimeout(() => makeEditable(target, e), 50);
+    }
+  };
+  
+  const handleKeyDown = (e) => {
+    if (!isActive) return;
+    if (!isEditing || !selectedElement) return;
+    
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      makeUneditable(selectedElement, true);
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      makeUneditable(selectedElement, false);
+    }
+  };
+  
+  const handleBlur = (e) => {
+    if (!isActive) return;
+    if (isEditing && selectedElement && e.target === selectedElement) {
+      makeUneditable(selectedElement, true);
+    }
+  };
+  
+  let lastMouseX = 0;
+  let lastMouseY = 0;
+
+  const handleScroll = () => {
+    if (!isActive) return;
+    
+    if (isEditing) return;
+    
+    if (selectedElement) {
+      makeUneditable(selectedElement, false);
+      selectedElement.classList.remove(selectedClass);
+      if (selectedElement.dataset.webildOriginalPosition) {
+        selectedElement.style.position = selectedElement.dataset.webildOriginalPosition === 'none' ? '' : selectedElement.dataset.webildOriginalPosition;
+        delete selectedElement.dataset.webildOriginalPosition;
+      }
+      selectedElement = null;
+
+      window.parent.postMessage({
+        type: 'webild-element-selected',
+        data: null
+      }, '*');
+    }
+
+    if (hoveredElement) {
+      hoveredElement.classList.remove(hoverClass);
+      if (hoveredElement.dataset.webildOriginalPosition) {
+        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
+        delete hoveredElement.dataset.webildOriginalPosition;
+      }
+      hoveredElement = null;
+
+      window.parent.postMessage({
+        type: 'webild-element-hover',
+        data: null
+      }, '*');
+    }
+
+    removeHoverOverlay();
+    removeElementTypeLabel();
+
+    isScrolling = true;
+
+    if (scrollTimeout) {
+      clearTimeout(scrollTimeout);
+    }
+
+    scrollTimeout = setTimeout(() => {
+      isScrolling = false;
+
+      if (lastMouseX > 0 && lastMouseY > 0) {
+        const target = getMostSpecificElement(lastMouseX, lastMouseY);
+        if (target && isValidElement(target) && target !== selectedElement) {
+          hoveredElement = target;
+
+          const computedStyle = window.getComputedStyle(target);
+          const currentPosition = computedStyle.position;
+
+          if (currentPosition === 'static' || currentPosition === '') {
+            hoveredElement.dataset.webildOriginalPosition = currentPosition || 'none';
+            hoveredElement.style.position = 'relative';
+          }
+
+          hoveredElement.classList.add(hoverClass);
+          hoverOverlay = createHoverOverlay(target);
+
+          const elementType = getElementType(target);
+          showElementTypeLabel(target, elementType);
+
+          window.parent.postMessage({
+            type: 'webild-element-hover',
+            data: getElementInfo(target, false)
+          }, '*');
+        }
+      }
+    }, 150);
+
+    window.parent.postMessage({
+      type: 'webild-iframe-scroll'
+    }, '*');
+  };
+  
+  const getStorageKey = () => {
+    const url = new URL(window.location.href);
+    const pathParts = url.pathname.split('/').filter(Boolean);
+    return \`webild-changes-\${pathParts.join('-')}\`;
+  };
+
+  const saveChangeToStorage = (change) => {
+    try {
+      const storageKey = getStorageKey();
+      const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
+
+      const filteredChanges = existingChanges.filter(c => {
+        return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
+      });
+      filteredChanges.push(change);
+
+      localStorage.setItem(storageKey, JSON.stringify(filteredChanges));
+
+      window.parent.postMessage({
+        type: 'webild-change-saved-locally',
+        data: { change, allChanges: filteredChanges }
+      }, '*');
+    } catch (error) {
+      console.error('Failed to save change to localStorage:', error);
+    }
+  };
+
+  const clearLocalChanges = () => {
+    try {
+      const storageKey = getStorageKey();
+      localStorage.removeItem(storageKey);
+      window.parent.postMessage({
+        type: 'webild-local-changes-cleared',
+        data: {}
+      }, '*');
+    } catch (error) {
+      console.error('Failed to clear local changes:', error);
+    }
+  };
+
+  const handleMessage = (e) => {
+    if (!e.data || !e.data.type) return;
+
+    if (e.data.type === 'webild-activate-editor') {
+      if (!isActive) {
+        isActive = true;
+        window.parent.postMessage({ type: 'webild-editor-activated' }, '*');
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-deactivate-editor') {
+      if (isActive) {
+        isActive = false;
+
+        if (selectedElement) {
+          makeUneditable(selectedElement, false);
+          selectedElement.classList.remove(selectedClass);
+          selectedElement = null;
+        }
+        if (hoveredElement) {
+          hoveredElement.classList.remove(hoverClass);
+          hoveredElement = null;
+        }
+
+        removeHoverOverlay();
+        removeElementTypeLabel();
+        window.parent.postMessage({ type: 'webild-editor-deactivated' }, '*');
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-clear-local-changes') {
+      clearLocalChanges();
+      return;
+    }
+
+    if (e.data.type === 'webild-cancel-changes') {
+      try {
+        const storageKey = getStorageKey();
+        const savedChanges = localStorage.getItem(storageKey);
+        if (savedChanges) {
+          const changes = JSON.parse(savedChanges);
+          changes.forEach(change => {
+            try {
+              const element = document.querySelector(change.selector);
+              if (!element) return;
+
+              if (change.type === 'updateText') {
+                if (isTextElement(element)) {
+                  element.textContent = change.oldValue;
+                }
+              } else if (change.type === 'updateButton') {
+                if (isButtonElement(element)) {
+                  updateButtonText(element, change.oldValue);
+                }
+              } else if (change.type === 'replaceImage') {
+                const revertTag = element.tagName.toLowerCase();
+                const isBackground = revertTag !== 'img' && revertTag !== 'video';
+                if (isBackground) {
+                  element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
+                } else {
+                  const oldMediaType = getMediaTypeFromUrl(change.oldValue);
+                  if (revertTag === 'video' && oldMediaType === 'image') {
+                    swapMediaElement(element, 'img', change.oldValue);
+                  } else if (revertTag === 'img' && oldMediaType === 'video') {
+                    swapMediaElement(element, 'video', change.oldValue);
+                  } else if (revertTag === 'video') {
+                    element.src = change.oldValue;
+                    element.load();
+                  } else {
+                    element.src = change.oldValue;
+                  }
+                }
+              }
+            } catch (err) {
+              console.warn('[Webild] Failed to revert change:', err);
+            }
+          });
+        }
+        clearLocalChanges();
+      } catch (error) {
+        console.error('[Webild] Failed to cancel changes:', error);
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-update-text') {
+      const { selector, newValue, oldValue, sectionId } = e.data.data;
+      try {
+        let element = null;
+        
+        if (selectedElement && isTextElement(selectedElement)) {
+          element = selectedElement;
+        }
+        else if (selector) {
+          try {
+            element = document.querySelector(selector);
+          } catch (err) {
+            console.warn('[Webild] Invalid selector:', selector);
+          }
+        }
+        
+        if (!element && sectionId) {
+          const sectionElement = document.querySelector('[data-section="' + sectionId + '"]');
+          if (sectionElement) {
+            const textElements = sectionElement.querySelectorAll('h1, h2, h3, h4, h5, h6, p, span, a, button, div');
+            for (let i = 0; i < textElements.length; i++) {
+              const el = textElements[i];
+              if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
+                element = el;
+                const newSelector = getUniqueSelector(element, true);
+                if (newSelector) {
+                  element.dataset.webildSelector = newSelector;
+                }
+                break;
+              }
+            }
+          }
+        }
+        
+        if (element && isTextElement(element)) {
+          element.textContent = newValue;
+          const finalSelector = element.dataset.webildSelector || getUniqueSelector(element, true);
+          
+          window.parent.postMessage({
+            type: 'webild-text-update-success',
+            data: {
+              selector: finalSelector,
+              newValue: newValue
+            }
+          }, '*');
+        } else {
+          window.parent.postMessage({
+            type: 'webild-text-update-failed',
+            data: { selector, newValue }
+          }, '*');
+        }
+      } catch (error) {
+        window.parent.postMessage({
+          type: 'webild-text-update-failed',
+          data: { selector, newValue, error: error.message }
+        }, '*');
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-update-button') {
+      const { selector, text, href } = e.data.data;
+      try {
+        const element = document.querySelector(selector);
+        if (element && isButtonElement(element)) {
+          if (text !== undefined) {
+            updateButtonText(element, text);
+          }
+          if (href !== undefined) {
+            if (element.tagName.toLowerCase() === 'a') {
+              element.href = href;
+            } else {
+              element.setAttribute('data-href', href);
+            }
+          }
+        }
+      } catch (error) {
+        console.error('[Webild] Invalid selector for button update:', selector, error);
+      }
+      return;
+    }
+
+    if (!isActive) return;
+
+    if (e.data.type === 'webild-replace-image') {
+      const { selector, newSrc, isBackground, allowMediaTypeSwap } = e.data.data;
+      let element = null;
+
+      try {
+        element = document.querySelector(selector);
+      } catch {
+        window.parent.postMessage({
+          type: 'webild-image-replacement-error',
+          data: { selector, message: 'Invalid selector: ' + error.message, success: false }
+        }, '*');
+        return;
+      }
+
+      if (!element) {
+        window.parent.postMessage({
+          type: 'webild-image-replacement-error',
+          data: { selector, message: 'Element not found', success: false }
+        }, '*');
+        return;
+      }
+
+      try {
+        let replaced = false;
+        let oldValue = '';
+
+        if (isBackground) {
+          oldValue = window.getComputedStyle(element).backgroundImage;
+          element.style.backgroundImage = \`url('\${newSrc}')\`;
+          replaced = true;
+        } else if (element.tagName.toLowerCase() === 'img') {
+          oldValue = element.src;
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          if (newMediaType === 'video' && allowMediaTypeSwap) {
+            const swapped = swapMediaElement(element, 'video', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
+            element = swapped;
+          } else {
+            element.src = newSrc;
+          }
+          replaced = true;
+        } else if (element.tagName.toLowerCase() === 'video') {
+          oldValue = element.src || element.currentSrc || '';
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          const sources = element.querySelectorAll('source');
+          if (newMediaType === 'image' && allowMediaTypeSwap) {
+            const swapped = swapMediaElement(element, 'img', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
+            element = swapped;
+          } else {
+            if (sources.length > 0) {
+              sources.forEach(function(source) { source.src = newSrc; });
+              element.load();
+            } else {
+              element.src = newSrc;
+              element.load();
+            }
+          }
+          replaced = true;
+        } else {
+          const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
+          if (hasBackgroundImage) {
+            oldValue = window.getComputedStyle(element).backgroundImage;
+            element.style.backgroundImage = \`url('\${newSrc}')\`;
+            replaced = true;
+          }
+        }
+
+        if (replaced) {
+          const elementInfo = getElementInfo(element);
+
+          let cleanOldValue = oldValue;
+          if (oldValue.includes('url(')) {
+            const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
+            if (urlMatch) {
+              cleanOldValue = urlMatch[1];
+            }
+          }
+
+          cleanOldValue = extractOriginalUrl(cleanOldValue);
+
+          const change = {
+            type: 'replaceImage',
+            selector: selector,
+            oldValue: cleanOldValue,
+            newValue: newSrc,
+            elementType: elementInfo.elementType,
+            sectionId: elementInfo.sectionId,
+            timestamp: Date.now()
+          };
+
+          saveChangeToStorage(change);
+
+          window.parent.postMessage({
+            type: 'webild-element-changed',
+            data: change
+          }, '*');
+
+          window.parent.postMessage({
+            type: 'webild-image-replaced',
+            data: { selector, newSrc, success: true }
+          }, '*');
+        } else {
+          window.parent.postMessage({
+            type: 'webild-image-replacement-error',
+            data: { selector, message: 'Could not determine how to replace image', success: false }
+          }, '*');
+        }
+      } catch (error) {
+        window.parent.postMessage({
+          type: 'webild-image-replacement-error',
+          data: { selector, message: error.message || 'Failed to replace image', success: false }
+        }, '*');
+      }
+    }
+  };
+  
+  document.addEventListener('mouseover', handleMouseOver, true);
+  document.addEventListener('mouseout', handleMouseOut, true);
+  document.addEventListener('click', handleClick, true);
+  document.addEventListener('keydown', handleKeyDown, true);
+  document.addEventListener('blur', handleBlur, true);
+  window.addEventListener('scroll', handleScroll, true);
+  window.addEventListener('message', handleMessage, true);
+  
+  let lastPathname = window.location.pathname;
+  
+  const notifyPageChange = () => {
+    window.parent.postMessage({
+      type: 'webild-page-changed',
+      data: { pathname: window.location.pathname }
+    }, '*');
+  };
+  
+  window.addEventListener('popstate', () => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, true);
+  
+  const urlCheckInterval = setInterval(() => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, 500);
+  
+  notifyPageChange();
+  
+  window.webildCleanup = () => {
+    isActive = false;
+    
+    if (selectedElement) {
+      makeUneditable(selectedElement, false);
+    }
+    
+    removeHoverOverlay();
+    removeElementTypeLabel();
+    
+    if (urlCheckInterval) {
+      clearInterval(urlCheckInterval);
+    }
+    
+    document.removeEventListener('mouseover', handleMouseOver, true);
+    document.removeEventListener('mouseout', handleMouseOut, true);
+    document.removeEventListener('click', handleClick, true);
+    document.removeEventListener('keydown', handleKeyDown, true);
+    document.removeEventListener('blur', handleBlur, true);
+    window.removeEventListener('scroll', handleScroll, true);
+    window.removeEventListener('message', handleMessage, true);
+    
+    document.querySelectorAll('.' + hoverClass).forEach(el => {
+      el.classList.remove(hoverClass);
+    });
+    document.querySelectorAll('.' + selectedClass).forEach(el => {
+      el.classList.remove(selectedClass);
+    });
+    
+    const styleEl = document.getElementById('webild-inspector-styles');
+    if (styleEl) styleEl.remove();
+    
+    hoveredElement = null;
+    selectedElement = null;
+  };
+  
+  window.parent.postMessage({ type: 'webild-editor-ready' }, '*');
+})();
 `
           }}
         />
-- 
2.49.1


From ce694c0e7077726beff6c6b6a92bf53caeb1a289 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 16:47:23 +0000
Subject: [PATCH 4/5] Update src/app/page.tsx

---
 src/app/page.tsx | 44 ++++++++++++++++++++++----------------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fc91f3a..4297deb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -56,7 +56,7 @@ export default function HomePage() {
           title="Precision Plastic Injection Molding Built for Performance"
           description="High-quality custom plastic parts manufactured with precision, reliability, and expert craftsmanship. Domestic U.S. production with trusted service for manufacturers and engineers."
           tag="Veteran-Owned Manufacturer"
-          imageSrc="http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg?_wi=1"
           imageAlt="Precision plastic injection molding machine in operation"
           textPosition="bottom-left"
           showBlur={true}
@@ -115,7 +115,7 @@ export default function HomePage() {
                 "Precision-engineered custom plastic components for diverse industries. From concept to production, we deliver quality parts that meet your exact specifications and tolerances.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg",
+                  "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg?_wi=1",
               },
               items: [
                 { icon: CheckCircle, text: "Tolerances to ±0.005 inches" },
@@ -131,7 +131,7 @@ export default function HomePage() {
                 "Rapid prototyping services to validate your designs before full-scale production. Reduce development time and ensure your product performs perfectly in real-world conditions.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg",
+                  "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg?_wi=1",
               },
               items: [
                 { icon: CheckCircle, text: "Quick turnaround prototypes" },
@@ -150,7 +150,7 @@ export default function HomePage() {
                 "Reliable production capabilities for small runs to large-volume manufacturing. Scalable processes that maintain quality and consistency at any production level.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg",
+                  "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg?_wi=1",
               },
               items: [
                 { icon: CheckCircle, text: "Flexible volume options" },
@@ -166,7 +166,7 @@ export default function HomePage() {
                 "Expert engineering support throughout your project lifecycle. Our experienced team helps optimize designs for manufacturability and cost efficiency.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg",
+                  "http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg?_wi=1",
               },
               items: [
                 { icon: CheckCircle, text: "DFM analysis included" },
@@ -197,7 +197,7 @@ export default function HomePage() {
               price: "State-of-the-Art",
               variant: "Advanced Injection Molding Systems",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg",
+                "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg?_wi=2",
               imageAlt: "Advanced molding equipment",
             },
             {
@@ -206,7 +206,7 @@ export default function HomePage() {
               price: "Fast Delivery",
               variant: "Consistent, Predictable Scheduling",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg",
+                "http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg?_wi=2",
               imageAlt: "Quality control process",
             },
             {
@@ -215,7 +215,7 @@ export default function HomePage() {
               price: "Expert Support",
               variant: "20+ Years Industry Experience",
               imageSrc:
-                "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg",
+                "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg?_wi=2",
               imageAlt: "Engineering design consultation",
             },
             {
@@ -224,7 +224,7 @@ export default function HomePage() {
               price: "Local Manufacturing",
               variant: "Connecticut-Based Operations",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg",
+                "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg?_wi=2",
               imageAlt: "Local manufacturing facility",
             },
             {
@@ -233,7 +233,7 @@ export default function HomePage() {
               price: "Trusted Partner",
               variant: "Certified & Committed to Excellence",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg",
+                "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg?_wi=2",
               imageAlt: "Quality plastic components",
             },
             {
@@ -242,7 +242,7 @@ export default function HomePage() {
               price: "Transparent Process",
               variant: "Regular Updates & Support",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg",
+                "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg?_wi=3",
               imageAlt: "Production facility communication",
             },
           ]}
@@ -266,7 +266,7 @@ export default function HomePage() {
                 "Provide your specifications, CAD files, or project details. Our team reviews all documentation and understands your exact requirements and timeline.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg",
+                  "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg?_wi=3",
               },
               items: [
                 { icon: FileCheck, text: "Detailed specifications reviewed" },
@@ -282,7 +282,7 @@ export default function HomePage() {
                 "Expert engineers analyze your project for manufacturability, material selection, and cost optimization. We provide recommendations to improve design and reduce production costs.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg",
+                  "http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg?_wi=3",
               },
               items: [
                 {
@@ -304,7 +304,7 @@ export default function HomePage() {
                 "Once approved, we begin production using precision equipment and proven manufacturing processes. Regular quality checks ensure every part meets your specifications.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg",
+                  "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg?_wi=3",
               },
               items: [
                 { icon: Zap, text: "State-of-the-art equipment" },
@@ -320,7 +320,7 @@ export default function HomePage() {
                 "Final inspection ensures every part meets specifications. Packaging and delivery are handled professionally to ensure your parts arrive in perfect condition.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg",
+                  "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg?_wi=3",
               },
               items: [
                 { icon: Eye, text: "Final quality inspection" },
@@ -350,7 +350,7 @@ export default function HomePage() {
               name: "Michael Rodriguez",
               role: "Manufacturing Manager",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
+                "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=1",
               imageAlt: "Michael Rodriguez",
             },
             {
@@ -361,7 +361,7 @@ export default function HomePage() {
               name: "Sarah Chen",
               role: "Procurement Director",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/businessman-working-office-man-looks-camera-guy-guy-is-standing-by-map_1157-40449.jpg",
+                "http://img.b2bpic.net/free-photo/businessman-working-office-man-looks-camera-guy-guy-is-standing-by-map_1157-40449.jpg?_wi=1",
               imageAlt: "Sarah Chen",
             },
             {
@@ -372,7 +372,7 @@ export default function HomePage() {
               name: "James Williams",
               role: "Operations Director",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
+                "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg?_wi=1",
               imageAlt: "James Williams",
             },
             {
@@ -383,7 +383,7 @@ export default function HomePage() {
               name: "Emily Patterson",
               role: "Product Engineer",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
+                "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=1",
               imageAlt: "Emily Patterson",
             },
             {
@@ -394,7 +394,7 @@ export default function HomePage() {
               name: "David Kumar",
               role: "Founder & CEO",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
+                "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=1",
               imageAlt: "David Kumar",
             },
             {
@@ -405,7 +405,7 @@ export default function HomePage() {
               name: "Jennifer Walsh",
               role: "Supply Chain Manager",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/businessman_23-2147996569.jpg",
+                "http://img.b2bpic.net/free-photo/businessman_23-2147996569.jpg?_wi=1",
               imageAlt: "Jennifer Walsh",
             },
           ]}
@@ -423,7 +423,7 @@ export default function HomePage() {
             { text: "Request a Quote Today", href: "/quote" },
             { text: "Call (860) 395-3230", href: "tel:+18603953230" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg?_wi=4"
           imageAlt="Manufacturing facility ready for your project"
           useInvertedBackground={true}
         />
-- 
2.49.1


From 09cdada4e15ecc02ac0cc5c28bad8787b3899298 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 16:47:24 +0000
Subject: [PATCH 5/5] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 065f334..aeb963a 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -48,7 +48,7 @@ export default function ServicesPage() {
                 "Precision-engineered custom plastic components for diverse industries. From concept to production, we deliver quality parts that meet your exact specifications and tolerances. Our advanced equipment handles everything from simple components to complex geometries with tight tolerances.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg",
+                  "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg?_wi=4",
               },
               items: [
                 { icon: CheckCircle, text: "Tolerances to ±0.005 inches" },
@@ -64,7 +64,7 @@ export default function ServicesPage() {
                 "Rapid prototyping services to validate your designs before full-scale production. Our experienced team can help you iterate quickly, test materials, and optimize designs for manufacturability. Reduce development time and ensure your product performs perfectly in real-world conditions.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg",
+                  "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg?_wi=4",
               },
               items: [
                 { icon: CheckCircle, text: "Quick turnaround prototypes" },
@@ -83,7 +83,7 @@ export default function ServicesPage() {
                 "Reliable production capabilities for small runs to large-volume manufacturing. Whether you need 100 units or 100,000, our scalable processes maintain quality and consistency at any production level. We pride ourselves on on-time delivery and flexibility.",
               media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg",
+                  "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg?_wi=5",
               },
               items: [
                 { icon: CheckCircle, text: "Flexible volume options" },
@@ -111,7 +111,7 @@ export default function ServicesPage() {
               price: "Manufacturing",
               variant: "Household & Personal Care Items",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg",
+                "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg?_wi=5",
               imageAlt: "Consumer product components",
             },
             {
@@ -120,7 +120,7 @@ export default function ServicesPage() {
               price: "Manufacturing",
               variant: "Precision Automotive Components",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg",
+                "http://img.b2bpic.net/free-photo/modern-technology-assembly-cars-plant-automotive-industry-shop-production-assembly-machines-process-welding-car-parts_645730-539.jpg?_wi=6",
               imageAlt: "Automotive parts production",
             },
             {
@@ -129,7 +129,7 @@ export default function ServicesPage() {
               price: "Manufacturing",
               variant: "Heavy-Duty Industrial Components",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg",
+                "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg?_wi=4",
               imageAlt: "Industrial equipment parts",
             },
             {
@@ -138,7 +138,7 @@ export default function ServicesPage() {
               price: "Manufacturing",
               variant: "Electronic Device Casings & Parts",
               imageSrc:
-                "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg",
+                "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-concept_23-2148473528.jpg?_wi=5",
               imageAlt: "Electronics components",
             },
             {
@@ -147,7 +147,7 @@ export default function ServicesPage() {
               price: "Manufacturing",
               variant: "FDA-Compliant Medical Components",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg",
+                "http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg?_wi=4",
               imageAlt: "Medical device parts",
             },
             {
@@ -156,7 +156,7 @@ export default function ServicesPage() {
               price: "Manufacturing",
               variant: "Precision Hardware Components",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg",
+                "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894571.jpg?_wi=6",
               imageAlt: "Hardware components",
             },
           ]}
-- 
2.49.1