Merge version_4 into main

Update src/app/styles/base.css
2026-02-27 05:12:21 +00:00 · 2026-02-27 05:12:17 +00:00 · 2026-02-27 05:12:16 +00:00 · 2026-02-27 05:12:16 +00:00 · 2026-02-27 05:12:15 +00:00 · 2026-02-27 05:12:14 +00:00
6 changed files with 75 additions and 69 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -102,4 +102,4 @@ export default function BlogPage() {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,48 +1,25 @@
 import type { Metadata } from "next";
-import { Montserrat } from "next/font/google";
-import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { Inter } from "next/font/google";
-import { Open_Sans } from "next/font/google";
-
-
-export const metadata: Metadata = {
-  title: "AI Agents Platform | Intelligent Automation for Enterprise",  description: "Deploy autonomous AI agents to automate complex workflows, reduce costs, and accelerate business growth. Start your free trial today.",  keywords: "AI agents, automation, intelligent automation, machine learning, business automation, workflow automation, enterprise AI, no-code automation",  robots: {
-    index: true,
-    follow: true
-  },
-  openGraph: {
-    title: "AI Agents Platform | Intelligent Automation for Enterprise",    description: "Deploy autonomous AI agents to automate complex workflows, reduce costs, and accelerate business growth.",    type: "website",    siteName: "AIAgents",    images: [{
-      url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-dark-themed-ai-agent-dashboard-i-1772135146014-9f93f466.png",      alt: "AI Agents Platform Dashboard"
-    }]
-  },
-  twitter: {
-    card: "summary_large_image",    title: "AI Agents Platform | Intelligent Automation",    description: "Deploy autonomous AI agents to automate complex workflows and reduce operational costs.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-dark-themed-ai-agent-dashboard-i-1772135146014-9f93f466.png"]
-  }
-};
+import "./styles/variables.css";
+import "./globals.css";

 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
-const openSans = Open_Sans({
-  variable: "--font-open-sans",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });

+export const metadata: Metadata = {
+  title: "AIAgents - Intelligent Automation Platform",  description: "Deploy autonomous AI agents that learn and adapt to transform your business operations."};
+
 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={`${inter.variable} font-sans`}>
+        {children}
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -284,7 +261,9 @@ export default function RootLayout({
  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) {
@@ -312,7 +291,8 @@ export default function RootLayout({
    };
    
    if (tagName === 'img') {
-            info.imageData = {
+      const originalSrc = extractOriginalUrl(element.src);
+      info.imageData = {
        src: originalSrc,
        alt: element.alt || undefined,
        naturalWidth: element.naturalWidth,
@@ -323,7 +303,8 @@ export default function RootLayout({

    if (tagName === 'video') {
      const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
-            info.imageData = {
+      const resolvedSrc = extractOriginalUrl(rawSrc);
+      info.imageData = {
        src: resolvedSrc,
        alt: element.getAttribute('aria-label') || undefined,
        isBackground: false,
@@ -336,7 +317,8 @@ export default function RootLayout({
    if (backgroundImage && backgroundImage !== 'none') {
      const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
      if (urlMatch) {
-                if (tagName !== 'img') {
+        const originalBgSrc = extractOriginalUrl(urlMatch[1]);
+        if (tagName !== 'img') {
          info.imageData = {
            src: originalBgSrc,
            isBackground: true
@@ -348,7 +330,8 @@ export default function RootLayout({
      }
    }
    
-        info.elementType = elementType;
+    const elementType = getElementType(element);
+    info.elementType = elementType;
    
    if (elementType === 'Button') {
      const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
@@ -441,11 +424,13 @@ export default function RootLayout({
  };

  const isTextElement = (element) => {
-        return elementType === 'Text';
+    const elementType = getElementType(element);
+    return elementType === 'Text';
  };

  const isButtonElement = (element) => {
-        return elementType === 'Button';
+    const elementType = getElementType(element);
+    return elementType === 'Button';
  };

  const updateButtonText = (element, newText) => {
@@ -520,7 +505,8 @@ export default function RootLayout({
    };
    
    const handleInput = () => {
-            let currentText = element.textContent;
+      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) {
@@ -633,7 +619,8 @@ export default function RootLayout({
    }, '*');
    
    if (save && originalContent !== element.textContent) {
-            let finalText = 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() === '') {
@@ -762,7 +749,7 @@ export default function RootLayout({
    lastMouseX = e.clientX;
    lastMouseY = e.clientY;

-    || e.target;
+    const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;

    if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
      return;
@@ -794,7 +781,8 @@ export default function RootLayout({
      hoverOverlay = createHoverOverlay(target);
    }
    
-        showElementTypeLabel(target, elementType);
+    const elementType = getElementType(target);
+    showElementTypeLabel(target, elementType);
    
    window.parent.postMessage({
      type: 'webild-element-hover',
@@ -836,7 +824,7 @@ export default function RootLayout({
  e.preventDefault();
  e.stopPropagation();

-  || e.target;  
+  const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;  
  if (!isValidElement(target)) return;
    
    if (selectedElement && selectedElement !== target) {
@@ -881,7 +869,8 @@ export default function RootLayout({
      hoveredElement = null;
    }
    
-        selectedElement.dataset.webildSelector = elementInfo.selector;
+    const elementInfo = getElementInfo(target, true);
+    selectedElement.dataset.webildSelector = elementInfo.selector;
    showElementTypeLabel(target, elementInfo.elementType);
    
    window.parent.postMessage({
@@ -964,7 +953,8 @@ export default function RootLayout({
      isScrolling = false;

      if (lastMouseX > 0 && lastMouseY > 0) {
-                if (target && isValidElement(target) && target !== selectedElement) {
+        const target = getMostSpecificElement(lastMouseX, lastMouseY);
+        if (target && isValidElement(target) && target !== selectedElement) {
          hoveredElement = target;

          const computedStyle = window.getComputedStyle(target);
@@ -978,7 +968,8 @@ export default function RootLayout({
          hoveredElement.classList.add(hoverClass);
          hoverOverlay = createHoverOverlay(target);

-                    showElementTypeLabel(target, elementType);
+          const elementType = getElementType(target);
+          showElementTypeLabel(target, elementType);

          window.parent.postMessage({
            type: 'webild-element-hover',
@@ -1001,7 +992,8 @@ export default function RootLayout({

  const saveChangeToStorage = (change) => {
    try {
-            const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
+      const storageKey = getStorageKey();
+      const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');

      const filteredChanges = existingChanges.filter(c => {
        return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
@@ -1021,7 +1013,8 @@ export default function RootLayout({

  const clearLocalChanges = () => {
    try {
-            localStorage.removeItem(storageKey);
+      const storageKey = getStorageKey();
+      localStorage.removeItem(storageKey);
      window.parent.postMessage({
        type: 'webild-local-changes-cleared',
        data: {}
@@ -1070,7 +1063,8 @@ export default function RootLayout({

    if (e.data.type === 'webild-cancel-changes') {
      try {
-                const savedChanges = localStorage.getItem(storageKey);
+        const storageKey = getStorageKey();
+        const savedChanges = localStorage.getItem(storageKey);
        if (savedChanges) {
          const changes = JSON.parse(savedChanges);
          changes.forEach(change => {
@@ -1092,7 +1086,8 @@ export default function RootLayout({
                if (isBackground) {
                  element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
                } else {
-                                    if (revertTag === 'video' && oldMediaType === 'image') {
+                  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);
@@ -1140,7 +1135,8 @@ export default function RootLayout({
              const el = textElements[i];
              if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
                element = el;
-                                if (newSelector) {
+                const newSelector = getUniqueSelector(element, true);
+                if (newSelector) {
                  element.dataset.webildSelector = newSelector;
                }
                break;
@@ -1231,8 +1227,10 @@ export default function RootLayout({
          replaced = true;
        } else if (element.tagName.toLowerCase() === 'img') {
          oldValue = element.src;
-                    if (newMediaType === 'video' && allowMediaTypeSwap) {
-                        if (selectedElement === element) selectedElement = swapped;
+          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;
@@ -1240,9 +1238,11 @@ export default function RootLayout({
          replaced = true;
        } else if (element.tagName.toLowerCase() === 'video') {
          oldValue = element.src || element.currentSrc || '';
-                    const sources = element.querySelectorAll('source');
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          const sources = element.querySelectorAll('source');
          if (newMediaType === 'image' && allowMediaTypeSwap) {
-                        if (selectedElement === element) selectedElement = swapped;
+            const swapped = swapMediaElement(element, 'img', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
            element = swapped;
          } else {
            if (sources.length > 0) {
@@ -1264,7 +1264,8 @@ export default function RootLayout({
        }

        if (replaced) {
-          
+          const elementInfo = getElementInfo(element);
+
          let cleanOldValue = oldValue;
          if (oldValue.includes('url(')) {
            const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
@@ -1335,7 +1336,13 @@ export default function RootLayout({
    }
  }, true);
  
-    
+  const urlCheckInterval = setInterval(() => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, 500);
+  
  notifyPageChange();
  
  window.webildCleanup = () => {
@@ -1380,7 +1387,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -329,4 +329,4 @@ export default function AIAgentsLandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -265,4 +265,4 @@ function ProductPageContent({ params }: ProductPageProps) {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -132,4 +132,4 @@ export default function ShopPage() {
            <ShopPageContent />
        </Suspense>
    );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
Author	SHA1	Message	Date
bender	c2abcebf97	Merge version_4 into main Merge version_4 into main	2026-02-27 05:12:21 +00:00
bender	ddb16dfe3e	Update src/app/styles/base.css	2026-02-27 05:12:17 +00:00
bender	84d9d854c5	Update src/app/shop/page.tsx	2026-02-27 05:12:16 +00:00
bender	a2f7dec124	Update src/app/shop/[id]/page.tsx	2026-02-27 05:12:16 +00:00
bender	c9316200bc	Update src/app/page.tsx	2026-02-27 05:12:15 +00:00
bender	829e28d3db	Update src/app/layout.tsx	2026-02-27 05:12:14 +00:00
bender	5d7d9e6d70	Update src/app/blog/page.tsx	2026-02-27 05:12:13 +00:00
bender	b9cbc4bc31	Merge version_3 into main Merge version_3 into main	2026-02-27 05:09:34 +00:00
bender	7a9471bbcc	Merge version_3 into main Merge version_3 into main	2026-02-27 05:09:05 +00:00
bender	c1ef6296f6	Merge version_3 into main Merge version_3 into main	2026-02-27 05:08:40 +00:00
bender	e36bddab82	Merge version_3 into main Merge version_3 into main	2026-02-27 05:08:20 +00:00
bender	f71c710c9b	Merge version_3 into main Merge version_3 into main	2026-02-27 05:07:47 +00:00
bender	538169697d	Merge version_3 into main Merge version_3 into main	2026-02-27 05:07:21 +00:00
bender	1db96cfe38	Merge version_3 into main Merge version_3 into main	2026-02-27 05:06:46 +00:00
bender	10b77ad533	Merge version_3 into main Merge version_3 into main	2026-02-27 05:06:24 +00:00
bender	fed5f4fed6	Merge version_3 into main Merge version_3 into main	2026-02-27 05:06:10 +00:00
bender	0543a6a010	Merge version_3 into main Merge version_3 into main	2026-02-27 05:05:46 +00:00
bender	d8ee3f3e10	Merge version_3 into main Merge version_3 into main	2026-02-27 05:05:29 +00:00
bender	4fc90a33a9	Merge version_3 into main Merge version_3 into main	2026-02-27 05:05:06 +00:00
bender	f041297016	Merge version_3 into main Merge version_3 into main	2026-02-27 05:04:28 +00:00
bender	28c59de6f9	Merge version_3 into main Merge version_3 into main	2026-02-27 04:45:54 +00:00