bender/409bfb5d-3a52-42f9-b1a8-666ca7e8bc56
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

20 Commits
version_3 ... version_4

Author SHA1 Message Date
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
6 changed files with 75 additions and 69 deletions
Expand all files Collapse all files

2
src/app/blog/page.tsx
View File

@@ -102,4 +102,4 @@ export default function BlogPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

132
src/app/layout.tsx
View File

@@ -1,48 +1,25 @@
import type { Metadata } from "next"; 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 { Inter } from "next/font/google";
import { Open_Sans } from "next/font/google"; import "./styles/variables.css";
import "./globals.css";
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"]
}
};
const inter = Inter({ const inter = Inter({
variable: "--font-inter", variable: "--font-inter", subsets: ["latin"],
subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans",
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({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={`${inter.variable} font-sans`}>
<body className={`${inter.variable} ${openSans.variable} antialiased`}> {children}
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -284,7 +261,9 @@ export default function RootLayout({
const getElementInfo = (element, assignId = false) => { const getElementInfo = (element, assignId = false) => {
const rect = element.getBoundingClientRect(); const rect = element.getBoundingClientRect();
const tagName = element.tagName.toLowerCase(); const tagName = element.tagName.toLowerCase();
const selector = getUniqueSelector(element, assignId);
const sectionId = getSectionId(element);
let className = undefined; let className = undefined;
try { try {
if (element.className) { if (element.className) {
@@ -312,7 +291,8 @@ export default function RootLayout({
}; };
if (tagName === 'img') { if (tagName === 'img') {
info.imageData = { const originalSrc = extractOriginalUrl(element.src);
info.imageData = {
src: originalSrc, src: originalSrc,
alt: element.alt || undefined, alt: element.alt || undefined,
naturalWidth: element.naturalWidth, naturalWidth: element.naturalWidth,
@@ -323,7 +303,8 @@ export default function RootLayout({
if (tagName === 'video') { if (tagName === 'video') {
const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || ''; const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
info.imageData = { const resolvedSrc = extractOriginalUrl(rawSrc);
info.imageData = {
src: resolvedSrc, src: resolvedSrc,
alt: element.getAttribute('aria-label') || undefined, alt: element.getAttribute('aria-label') || undefined,
isBackground: false, isBackground: false,
@@ -336,7 +317,8 @@ export default function RootLayout({
if (backgroundImage && backgroundImage !== 'none') { if (backgroundImage && backgroundImage !== 'none') {
const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/); const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
if (urlMatch) { if (urlMatch) {
if (tagName !== 'img') { const originalBgSrc = extractOriginalUrl(urlMatch[1]);
if (tagName !== 'img') {
info.imageData = { info.imageData = {
src: originalBgSrc, src: originalBgSrc,
isBackground: true isBackground: true
@@ -348,7 +330,8 @@ export default function RootLayout({
} }
} }
info.elementType = elementType; const elementType = getElementType(element);
info.elementType = elementType;
if (elementType === 'Button') { if (elementType === 'Button') {
const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || ''; const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
@@ -441,11 +424,13 @@ export default function RootLayout({
}; };
const isTextElement = (element) => { const isTextElement = (element) => {
return elementType === 'Text'; const elementType = getElementType(element);
return elementType === 'Text';
}; };
const isButtonElement = (element) => { const isButtonElement = (element) => {
return elementType === 'Button'; const elementType = getElementType(element);
return elementType === 'Button';
}; };
const updateButtonText = (element, newText) => { const updateButtonText = (element, newText) => {
@@ -520,7 +505,8 @@ export default function RootLayout({
}; };
const handleInput = () => { 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 // Ensure there's always at least a space to keep the element editable
if (currentText === '' || currentText === null || currentText.length === 0) { if (currentText === '' || currentText === null || currentText.length === 0) {
@@ -633,7 +619,8 @@ export default function RootLayout({
}, '*'); }, '*');
if (save && originalContent !== element.textContent) { 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 // Trim the final text and convert space-only to empty string for saving
if (finalText === ' ' || finalText.trim() === '') { if (finalText === ' ' || finalText.trim() === '') {
@@ -762,7 +749,7 @@ export default function RootLayout({
lastMouseX = e.clientX; lastMouseX = e.clientX;
lastMouseY = e.clientY; lastMouseY = e.clientY;
|| e.target; const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
if (!isValidElement(target) || target === hoveredElement || target === selectedElement) { if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
return; return;
@@ -794,7 +781,8 @@ export default function RootLayout({
hoverOverlay = createHoverOverlay(target); hoverOverlay = createHoverOverlay(target);
} }
showElementTypeLabel(target, elementType); const elementType = getElementType(target);
showElementTypeLabel(target, elementType);
window.parent.postMessage({ window.parent.postMessage({
type: 'webild-element-hover', type: 'webild-element-hover',
@@ -836,7 +824,7 @@ export default function RootLayout({
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
|| e.target; const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
if (!isValidElement(target)) return; if (!isValidElement(target)) return;
if (selectedElement && selectedElement !== target) { if (selectedElement && selectedElement !== target) {
@@ -881,7 +869,8 @@ export default function RootLayout({
hoveredElement = null; hoveredElement = null;
} }
selectedElement.dataset.webildSelector = elementInfo.selector; const elementInfo = getElementInfo(target, true);
selectedElement.dataset.webildSelector = elementInfo.selector;
showElementTypeLabel(target, elementInfo.elementType); showElementTypeLabel(target, elementInfo.elementType);
window.parent.postMessage({ window.parent.postMessage({
@@ -964,7 +953,8 @@ export default function RootLayout({
isScrolling = false; isScrolling = false;
if (lastMouseX > 0 && lastMouseY > 0) { if (lastMouseX > 0 && lastMouseY > 0) {
if (target && isValidElement(target) && target !== selectedElement) { const target = getMostSpecificElement(lastMouseX, lastMouseY);
if (target && isValidElement(target) && target !== selectedElement) {
hoveredElement = target; hoveredElement = target;
const computedStyle = window.getComputedStyle(target); const computedStyle = window.getComputedStyle(target);
@@ -978,7 +968,8 @@ export default function RootLayout({
hoveredElement.classList.add(hoverClass); hoveredElement.classList.add(hoverClass);
hoverOverlay = createHoverOverlay(target); hoverOverlay = createHoverOverlay(target);
showElementTypeLabel(target, elementType); const elementType = getElementType(target);
showElementTypeLabel(target, elementType);
window.parent.postMessage({ window.parent.postMessage({
type: 'webild-element-hover', type: 'webild-element-hover',
@@ -1001,7 +992,8 @@ export default function RootLayout({
const saveChangeToStorage = (change) => { const saveChangeToStorage = (change) => {
try { try {
const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]'); const storageKey = getStorageKey();
const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
const filteredChanges = existingChanges.filter(c => { const filteredChanges = existingChanges.filter(c => {
return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId); return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
@@ -1021,7 +1013,8 @@ export default function RootLayout({
const clearLocalChanges = () => { const clearLocalChanges = () => {
try { try {
localStorage.removeItem(storageKey); const storageKey = getStorageKey();
localStorage.removeItem(storageKey);
window.parent.postMessage({ window.parent.postMessage({
type: 'webild-local-changes-cleared', type: 'webild-local-changes-cleared',
data: {} data: {}
@@ -1070,7 +1063,8 @@ export default function RootLayout({
if (e.data.type === 'webild-cancel-changes') { if (e.data.type === 'webild-cancel-changes') {
try { try {
const savedChanges = localStorage.getItem(storageKey); const storageKey = getStorageKey();
const savedChanges = localStorage.getItem(storageKey);
if (savedChanges) { if (savedChanges) {
const changes = JSON.parse(savedChanges); const changes = JSON.parse(savedChanges);
changes.forEach(change => { changes.forEach(change => {
@@ -1092,7 +1086,8 @@ export default function RootLayout({
if (isBackground) { if (isBackground) {
element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : ''; element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
} else { } else {
if (revertTag === 'video' && oldMediaType === 'image') { const oldMediaType = getMediaTypeFromUrl(change.oldValue);
if (revertTag === 'video' && oldMediaType === 'image') {
swapMediaElement(element, 'img', change.oldValue); swapMediaElement(element, 'img', change.oldValue);
} else if (revertTag === 'img' && oldMediaType === 'video') { } else if (revertTag === 'img' && oldMediaType === 'video') {
swapMediaElement(element, 'video', change.oldValue); swapMediaElement(element, 'video', change.oldValue);
@@ -1140,7 +1135,8 @@ export default function RootLayout({
const el = textElements[i]; const el = textElements[i];
if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) { if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
element = el; element = el;
if (newSelector) { const newSelector = getUniqueSelector(element, true);
if (newSelector) {
element.dataset.webildSelector = newSelector; element.dataset.webildSelector = newSelector;
} }
break; break;
@@ -1231,8 +1227,10 @@ export default function RootLayout({
replaced = true; replaced = true;
} else if (element.tagName.toLowerCase() === 'img') { } else if (element.tagName.toLowerCase() === 'img') {
oldValue = element.src; oldValue = element.src;
if (newMediaType === 'video' && allowMediaTypeSwap) { const newMediaType = getMediaTypeFromUrl(newSrc);
if (selectedElement === element) selectedElement = swapped; if (newMediaType === 'video' && allowMediaTypeSwap) {
const swapped = swapMediaElement(element, 'video', newSrc);
if (selectedElement === element) selectedElement = swapped;
element = swapped; element = swapped;
} else { } else {
element.src = newSrc; element.src = newSrc;
@@ -1240,9 +1238,11 @@ export default function RootLayout({
replaced = true; replaced = true;
} else if (element.tagName.toLowerCase() === 'video') { } else if (element.tagName.toLowerCase() === 'video') {
oldValue = element.src || element.currentSrc || ''; oldValue = element.src || element.currentSrc || '';
const sources = element.querySelectorAll('source'); const newMediaType = getMediaTypeFromUrl(newSrc);
const sources = element.querySelectorAll('source');
if (newMediaType === 'image' && allowMediaTypeSwap) { if (newMediaType === 'image' && allowMediaTypeSwap) {
if (selectedElement === element) selectedElement = swapped; const swapped = swapMediaElement(element, 'img', newSrc);
if (selectedElement === element) selectedElement = swapped;
element = swapped; element = swapped;
} else { } else {
if (sources.length > 0) { if (sources.length > 0) {
@@ -1264,7 +1264,8 @@ export default function RootLayout({
} }
if (replaced) { if (replaced) {
const elementInfo = getElementInfo(element);
let cleanOldValue = oldValue; let cleanOldValue = oldValue;
if (oldValue.includes('url(')) { if (oldValue.includes('url(')) {
const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/); const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
@@ -1335,7 +1336,13 @@ export default function RootLayout({
} }
}, true); }, true);
const urlCheckInterval = setInterval(() => {
if (lastPathname !== window.location.pathname) {
lastPathname = window.location.pathname;
notifyPageChange();
}
}, 500);
notifyPageChange(); notifyPageChange();
window.webildCleanup = () => { window.webildCleanup = () => {
@@ -1380,7 +1387,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

4
src/app/page.tsx
View File

@@ -1,4 +1,4 @@
"use client" "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -329,4 +329,4 @@ export default function AIAgentsLandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

2
src/app/shop/[id]/page.tsx
View File

@@ -265,4 +265,4 @@ function ProductPageContent({ params }: ProductPageProps) {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

2
src/app/shop/page.tsx
View File

@@ -132,4 +132,4 @@ export default function ShopPage() {
<ShopPageContent /> <ShopPageContent />
</Suspense> </Suspense>
); );
} }

2
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-open-sans), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;