feat(NGUI-330): Split ngui-e2e architecture and update deployment strategy

libs/3rdparty/python/BUILD

@@ -48,3 +48,8 @@ python_requirements(
     name="custom-renderers",
     source="custom-renderers-requirements.txt",
 )
+
+python_requirements(
+    name="ngui-e2e-server",
+    source="ngui-e2e-server-requirements.txt",
+)

libs/3rdparty/python/ngui-e2e-server-requirements.txt

@@ -0,0 +1,5 @@
+# Server dependencies
+python-dotenv>=1.0.0
+fastapi
+pydantic
+uvicorn

libs/next_gen_ui_langgraph/BUILD

@@ -7,6 +7,9 @@ python_sources(
 python_tests(
     name="tests",
     dependencies=[
+        ":lib",
+        "libs/3rdparty/python:langchain",
+        "libs/3rdparty/python:langgraph",
         "libs/3rdparty/python:pytest",
     ],
 )

tests/ngui-e2e/.gitignore

@@ -0,0 +1,4 @@
+# Environment variables
+.env
+.env.local
+.env.*.local

tests/ngui-e2e/README.md

@@ -0,0 +1,27 @@
+# NGUI End-to-End Testing Application
+
+This directory contains a complete end-to-end testing application for the Next Gen UI (NGUI) system, demonstrating AI-driven UI component generation with a split server/client architecture.
+
+## Structure
+
+```
+ngui-e2e/
+├── server/           # FastAPI backend with NGUI agent
+└── client/           # React frontend application
+```
+
+## Components
+
+- **`server/`** - FastAPI backend that provides AI-powered UI generation APIs using LangGraph integration
+- **`client/`** - React frontend application that consumes the backend APIs and renders dynamic UI components
+
+## Getting Started
+
+Each subfolder contains its own README with detailed setup, installation, configuration, and running instructions:
+
+- See [`server/README.md`](server/README.md) for backend setup and configuration
+- See [`client/README.md`](client/README.md) for frontend setup and configuration
+
+## Purpose
+
+This application serves as a comprehensive testing and demonstration platform for the NGUI system, allowing contributors to understand the complete workflow from AI model inference to dynamic UI component rendering.

tests/ngui-e2e/client/.env.sample

@@ -0,0 +1,2 @@
+# API Configuration
+VITE_API_ENDPOINT=http://localhost:8000/generate

tests/ngui-e2e/client/README.md

@@ -0,0 +1,135 @@
+# NGUI E2E Client
+
+[![Module Category](https://img.shields.io/badge/Module%20Category-Testing/Evaluation-darkmagenta)](https://github.com/RedHat-UX/next-gen-ui-agent)
+[![Module Status](https://img.shields.io/badge/Module%20Status-Tech%20Preview-orange)](https://github.com/RedHat-UX/next-gen-ui-agent)
+
+This module is part of the [Next Gen UI Agent project](https://github.com/RedHat-UX/next-gen-ui-agent).
+
+React frontend application for the NGUI end-to-end testing application. Demonstrates dynamic UI component rendering and provides a ChatBot interface for interacting with the AI-powered backend.
+
+## Provides
+
+* React-based frontend application
+* Dynamic UI component rendering using NGUI components
+* ChatBot interface for AI interaction
+* Vite-based development environment
+* Integration with NGUI `dynamicui` package
+* Error boundary handling for robust UI
+
+## Installation
+
+### Prerequisites
+
+1. **Node.js** (version 18 or higher)
+2. **npm** or **yarn** package manager
+3. **`dynamicui` package** - Available locally for development
+
+### Install Dependencies
+
+```bash
+cd tests/ngui-e2e/client
+npm install
+npm link dynamicui
+```
+
+**Note**: The `dynamicui` package will be available via npm in the future. For now, it's available locally for development purposes.
+
+## Configuration
+
+The client is configured to connect to the backend server running on `localhost:8000`. This can be modified in the API configuration if needed.
+
+### Vite Configuration
+
+The application uses Vite for development and building. Configuration is in `vite.config.ts`:
+
+- Development server runs on port `5173`
+- Proxy configuration for API calls to backend
+- TypeScript support enabled
+
+## Running
+
+### Development Mode
+
+```bash
+cd tests/ngui-e2e/client
+npm run dev
+```
+
+The application will be available at [http://localhost:5173](http://localhost:5173)
+
+### Build for Production
+
+```bash
+npm run build
+```
+
+Built files will be available in the `dist/` directory.
+
+## Application Structure
+
+```
+src/
+├── components/
+│   ├── ChatBot.tsx          # Main chat interface component
+│   ├── DynamicComponent.tsx # Dynamic UI component renderer
+│   └── ErrorBoundary.tsx    # Error handling component
+├── hooks/
+│   └── useFetch.tsx         # Custom hook for API calls
+├── App.tsx                  # Main application component
+└── main.tsx                 # Application entry point
+```
+
+## Features
+
+- **Dynamic Component Rendering**: Renders UI components generated by the AI backend
+- **Chat Interface**: Interactive chat interface for testing AI responses
+- **Error Handling**: Robust error boundary for graceful error handling
+- **Responsive Design**: Modern UI with responsive design patterns
+
+## Troubleshooting
+
+### Common Issues
+
+**1. Module Not Found: "dynamicui"**
+- **Cause**: The `dynamicui` package is not built or linked properly
+- **Solution**: Build the package from `libs_js/next_gen_ui_react/` and run `npm link dynamicui`
+
+**2. API Connection Errors**
+- **Cause**: Backend server is not running or not accessible
+- **Solution**: Ensure the backend server is running on `localhost:8000`
+
+**3. Port Conflicts**
+- **Frontend runs on**: `localhost:5173` (default Vite dev server)
+- **Backend runs on**: `localhost:8000`
+
+### Verification Steps
+
+```bash
+# Check if frontend is running
+curl -I http://localhost:5173
+
+# Check if backend is accessible from frontend
+curl -I http://localhost:8000/docs
+```
+
+## Development
+
+### Available Scripts
+
+- `npm run dev` - Start development server
+- `npm run build` - Build for production
+- `npm run preview` - Preview production build
+- `npm run lint` - Run ESLint
+
+### Dependencies
+
+- **React** - UI framework
+- **Vite** - Build tool and dev server
+- **TypeScript** - Type safety
+- **dynamicui** - NGUI React components package
+
+## Links
+
+* [Documentation](https://redhat-ux.github.io/next-gen-ui-agent/)
+* [Source Codes](https://github.com/RedHat-UX/next-gen-ui-agent/tree/main/tests/ngui-e2e/client)
+* [Contributing](https://redhat-ux.github.io/next-gen-ui-agent/development/contributing/)