ai/LocalAIApi.php

@@ -0,0 +1,493 @@
+<?php
+// LocalAIApi — proxy client for the Responses API.
+// Usage (async: auto-polls status until ready):
+//   require_once __DIR__ . '/ai/LocalAIApi.php';
+//   $response = LocalAIApi::createResponse([
+//       'input' => [
+//           ['role' => 'system', 'content' => 'You are a helpful assistant.'],
+//           ['role' => 'user', 'content' => 'Tell me a bedtime story.'],
+//       ],
+//   ]);
+//   if (!empty($response['success'])) {
+//       // response['data'] contains full payload, e.g.:
+//       // {
+//       //   "id": "resp_xxx",
+//       //   "status": "completed",
+//       //   "output": [
+//       //     {"type": "reasoning", "summary": []},
+//       //     {"type": "message", "content": [{"type": "output_text", "text": "Your final answer here."}]}
+//       //   ]
+//       // }
+//       $decoded = LocalAIApi::decodeJsonFromResponse($response); // or inspect $response['data'] / extractText(...)
+//   }
+// Poll settings override:
+//   LocalAIApi::createResponse($payload, ['poll_interval' => 5, 'poll_timeout' => 300]);
+
+class LocalAIApi
+{
+    /** @var array<string,mixed>|null */
+    private static ?array $configCache = null;
+
+    /**
+     * Signature compatible with the OpenAI Responses API.
+     *
+     * @param array<string,mixed> $params Request body (model, input, text, reasoning, metadata, etc.).
+     * @param array<string,mixed> $options Extra options (timeout, verify_tls, headers, path, project_uuid).
+     * @return array{
+     *   success:bool,
+     *   status?:int,
+     *   data?:mixed,
+     *   error?:string,
+     *   response?:mixed,
+     *   message?:string
+     * }
+     */
+    public static function createResponse(array $params, array $options = []): array
+    {
+        $cfg = self::config();
+        $payload = $params;
+
+        if (empty($payload['input']) || !is_array($payload['input'])) {
+            return [
+                'success' => false,
+                'error'   => 'input_missing',
+                'message' => 'Parameter "input" is required and must be an array.',
+            ];
+        }
+
+        if (!isset($payload['model']) || $payload['model'] === '') {
+            $payload['model'] = $cfg['default_model'];
+        }
+
+        $initial = self::request($options['path'] ?? null, $payload, $options);
+        if (empty($initial['success'])) {
+            return $initial;
+        }
+
+        // Async flow: if backend returns ai_request_id, poll status until ready
+        $data = $initial['data'] ?? null;
+        if (is_array($data) && isset($data['ai_request_id'])) {
+            $aiRequestId = $data['ai_request_id'];
+            $pollTimeout = isset($options['poll_timeout']) ? (int) $options['poll_timeout'] : 300; // seconds
+            $pollInterval = isset($options['poll_interval']) ? (int) $options['poll_interval'] : 5; // seconds
+            return self::awaitResponse($aiRequestId, [
+                'timeout' => $pollTimeout,
+                'interval' => $pollInterval,
+                'headers' => $options['headers'] ?? [],
+                'timeout_per_call' => $options['timeout'] ?? null,
+            ]);
+        }
+
+        return $initial;
+    }
+
+    /**
+     * Snake_case alias for createResponse (matches the provided example).
+     *
+     * @param array<string,mixed> $params
+     * @param array<string,mixed> $options
+     * @return array<string,mixed>
+     */
+    public static function create_response(array $params, array $options = []): array
+    {
+        return self::createResponse($params, $options);
+    }
+
+    /**
+     * Perform a raw request to the AI proxy.
+     *
+     * @param string $path Endpoint (may be an absolute URL).
+     * @param array<string,mixed> $payload JSON payload.
+     * @param array<string,mixed> $options Additional request options.
+     * @return array<string,mixed>
+     */
+    public static function request(?string $path = null, array $payload = [], array $options = []): array
+    {
+        $cfg = self::config();
+
+        $projectUuid = $cfg['project_uuid'];
+        if (empty($projectUuid)) {
+            return [
+                'success' => false,
+                'error'   => 'project_uuid_missing',
+                'message' => 'PROJECT_UUID is not defined; aborting AI request.',
+            ];
+        }
+
+        $defaultPath = $cfg['responses_path'] ?? null;
+        $resolvedPath = $path ?? ($options['path'] ?? $defaultPath);
+        if (empty($resolvedPath)) {
+            return [
+                'success' => false,
+                'error'   => 'project_id_missing',
+                'message' => 'PROJECT_ID is not defined; cannot resolve AI proxy endpoint.',
+            ];
+        }
+
+        $url = self::buildUrl($resolvedPath, $cfg['base_url']);
+        $baseTimeout = isset($cfg['timeout']) ? (int) $cfg['timeout'] : 30;
+        $timeout = isset($options['timeout']) ? (int) $options['timeout'] : $baseTimeout;
+        if ($timeout <= 0) {
+            $timeout = 30;
+        }
+
+        $baseVerifyTls = array_key_exists('verify_tls', $cfg) ? (bool) $cfg['verify_tls'] : true;
+        $verifyTls = array_key_exists('verify_tls', $options)
+            ? (bool) $options['verify_tls']
+            : $baseVerifyTls;
+
+        $projectHeader = $cfg['project_header'];
+
+        $headers = [
+            'Content-Type: application/json',
+            'Accept: application/json',
+        ];
+        $headers[] = $projectHeader . ': ' . $projectUuid;
+        if (!empty($options['headers']) && is_array($options['headers'])) {
+            foreach ($options['headers'] as $header) {
+                if (is_string($header) && $header !== '') {
+                    $headers[] = $header;
+                }
+            }
+        }
+
+        if (!empty($projectUuid) && !array_key_exists('project_uuid', $payload)) {
+            $payload['project_uuid'] = $projectUuid;
+        }
+
+        $body = json_encode($payload, JSON_UNESCAPED_UNICODE);
+        if ($body === false) {
+            return [
+                'success' => false,
+                'error'   => 'json_encode_failed',
+                'message' => 'Failed to encode request body to JSON.',
+            ];
+        }
+
+        return self::sendCurl($url, 'POST', $body, $headers, $timeout, $verifyTls);
+    }
+
+    /**
+     * Poll AI request status until ready or timeout.
+     *
+     * @param int|string $aiRequestId
+     * @param array<string,mixed> $options
+     * @return array<string,mixed>
+     */
+    public static function awaitResponse($aiRequestId, array $options = []): array
+    {
+        $cfg = self::config();
+
+        $timeout = isset($options['timeout']) ? (int) $options['timeout'] : 300; // seconds
+        $interval = isset($options['interval']) ? (int) $options['interval'] : 5; // seconds
+        if ($interval <= 0) {
+            $interval = 5;
+        }
+        $perCallTimeout = isset($options['timeout_per_call']) ? (int) $options['timeout_per_call'] : null;
+
+        $deadline = time() + max($timeout, $interval);
+        $headers = $options['headers'] ?? [];
+
+        while (true) {
+            $statusResp = self::fetchStatus($aiRequestId, [
+                'headers' => $headers,
+                'timeout' => $perCallTimeout,
+            ]);
+            if (!empty($statusResp['success'])) {
+                $data = $statusResp['data'] ?? [];
+                if (is_array($data)) {
+                    $statusValue = $data['status'] ?? null;
+                    if ($statusValue === 'success') {
+                        return [
+                            'success' => true,
+                            'status'  => 200,
+                            'data'    => $data['response'] ?? $data,
+                        ];
+                    }
+                    if ($statusValue === 'failed') {
+                        return [
+                            'success' => false,
+                            'status'  => 500,
+                            'error'   => isset($data['error']) ? (string)$data['error'] : 'AI request failed',
+                            'data'    => $data,
+                        ];
+                    }
+                }
+            } else {
+                return $statusResp;
+            }
+
+            if (time() >= $deadline) {
+                return [
+                    'success' => false,
+                    'error'   => 'timeout',
+                    'message' => 'Timed out waiting for AI response.',
+                ];
+            }
+            sleep($interval);
+        }
+    }
+
+    /**
+     * Fetch status for queued AI request.
+     *
+     * @param int|string $aiRequestId
+     * @param array<string,mixed> $options
+     * @return array<string,mixed>
+     */
+    public static function fetchStatus($aiRequestId, array $options = []): array
+    {
+        $cfg = self::config();
+        $projectUuid = $cfg['project_uuid'];
+        if (empty($projectUuid)) {
+            return [
+                'success' => false,
+                'error'   => 'project_uuid_missing',
+                'message' => 'PROJECT_UUID is not defined; aborting status check.',
+            ];
+        }
+
+        $statusPath = self::resolveStatusPath($aiRequestId, $cfg);
+        $url = self::buildUrl($statusPath, $cfg['base_url']);
+
+        $baseTimeout = isset($cfg['timeout']) ? (int) $cfg['timeout'] : 30;
+        $timeout = isset($options['timeout']) ? (int) $options['timeout'] : $baseTimeout;
+        if ($timeout <= 0) {
+            $timeout = 30;
+        }
+
+        $baseVerifyTls = array_key_exists('verify_tls', $cfg) ? (bool) $cfg['verify_tls'] : true;
+        $verifyTls = array_key_exists('verify_tls', $options)
+            ? (bool) $options['verify_tls']
+            : $baseVerifyTls;
+
+        $projectHeader = $cfg['project_header'];
+        $headers = [
+            'Accept: application/json',
+            $projectHeader . ': ' . $projectUuid,
+        ];
+        if (!empty($options['headers']) && is_array($options['headers'])) {
+            foreach ($options['headers'] as $header) {
+                if (is_string($header) && $header !== '') {
+                    $headers[] = $header;
+                }
+            }
+        }
+
+        return self::sendCurl($url, 'GET', null, $headers, $timeout, $verifyTls);
+    }
+
+    /**
+     * Extract plain text from a Responses API payload.
+     *
+     * @param array<string,mixed> $response Result of LocalAIApi::createResponse|request.
+     * @return string
+     */
+    public static function extractText(array $response): string
+    {
+        $payload = $response['data'] ?? $response;
+        if (!is_array($payload)) {
+            return '';
+        }
+
+        if (!empty($payload['output']) && is_array($payload['output'])) {
+            $combined = '';
+            foreach ($payload['output'] as $item) {
+                if (!isset($item['content']) || !is_array($item['content'])) {
+                    continue;
+                }
+                foreach ($item['content'] as $block) {
+                    if (is_array($block) && ($block['type'] ?? '') === 'output_text' && !empty($block['text'])) {
+                        $combined .= $block['text'];
+                    }
+                }
+            }
+            if ($combined !== '') {
+                return $combined;
+            }
+        }
+
+        if (!empty($payload['choices'][0]['message']['content'])) {
+            return (string) $payload['choices'][0]['message']['content'];
+        }
+
+        return '';
+    }
+
+    /**
+     * Attempt to decode JSON emitted by the model (handles markdown fences).
+     *
+     * @param array<string,mixed> $response
+     * @return array<string,mixed>|null
+     */
+    public static function decodeJsonFromResponse(array $response): ?array
+    {
+        $text = self::extractText($response);
+        if ($text === '') {
+            return null;
+        }
+
+        $decoded = json_decode($text, true);
+        if (is_array($decoded)) {
+            return $decoded;
+        }
+
+        $stripped = preg_replace('/^```json|```$/m', '', trim($text));
+        if ($stripped !== null && $stripped !== $text) {
+            $decoded = json_decode($stripped, true);
+            if (is_array($decoded)) {
+                return $decoded;
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Load configuration from ai/config.php.
+     *
+     * @return array<string,mixed>
+     */
+    private static function config(): array
+    {
+        if (self::$configCache === null) {
+            $configPath = __DIR__ . '/config.php';
+            if (!file_exists($configPath)) {
+                throw new RuntimeException('AI config file not found: ai/config.php');
+            }
+            $cfg = require $configPath;
+            if (!is_array($cfg)) {
+                throw new RuntimeException('Invalid AI config format: expected array');
+            }
+            self::$configCache = $cfg;
+        }
+
+        return self::$configCache;
+    }
+
+    /**
+     * Build an absolute URL from base_url and a path.
+     */
+    private static function buildUrl(string $path, string $baseUrl): string
+    {
+        $trimmed = trim($path);
+        if ($trimmed === '') {
+            return $baseUrl;
+        }
+        if (str_starts_with($trimmed, 'http://') || str_starts_with($trimmed, 'https://')) {
+            return $trimmed;
+        }
+        if ($trimmed[0] === '/') {
+            return $baseUrl . $trimmed;
+        }
+        return $baseUrl . '/' . $trimmed;
+    }
+
+    /**
+     * Resolve status path based on configured responses_path and ai_request_id.
+     *
+     * @param int|string $aiRequestId
+     * @param array<string,mixed> $cfg
+     * @return string
+     */
+    private static function resolveStatusPath($aiRequestId, array $cfg): string
+    {
+        $basePath = $cfg['responses_path'] ?? '';
+        $trimmed = rtrim($basePath, '/');
+        if ($trimmed === '') {
+            return '/ai-request/' . rawurlencode((string)$aiRequestId) . '/status';
+        }
+        if (substr($trimmed, -11) !== '/ai-request') {
+            $trimmed .= '/ai-request';
+        }
+        return $trimmed . '/' . rawurlencode((string)$aiRequestId) . '/status';
+    }
+
+    /**
+     * Shared CURL sender for GET/POST requests.
+     *
+     * @param string $url
+     * @param string $method
+     * @param string|null $body
+     * @param array<int,string> $headers
+     * @param int $timeout
+     * @param bool $verifyTls
+     * @return array<string,mixed>
+     */
+    private static function sendCurl(string $url, string $method, ?string $body, array $headers, int $timeout, bool $verifyTls): array
+    {
+        if (!function_exists('curl_init')) {
+            return [
+                'success' => false,
+                'error'   => 'curl_missing',
+                'message' => 'PHP cURL extension is missing. Install or enable it on the VM.',
+            ];
+        }
+
+        $ch = curl_init($url);
+        curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+        curl_setopt($ch, CURLOPT_TIMEOUT, $timeout);
+        curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 5);
+        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, $verifyTls);
+        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, $verifyTls ? 2 : 0);
+        curl_setopt($ch, CURLOPT_FAILONERROR, false);
+
+        $upper = strtoupper($method);
+        if ($upper === 'POST') {
+            curl_setopt($ch, CURLOPT_POST, true);
+            curl_setopt($ch, CURLOPT_POSTFIELDS, $body ?? '');
+        } else {
+            curl_setopt($ch, CURLOPT_HTTPGET, true);
+        }
+
+        $responseBody = curl_exec($ch);
+        if ($responseBody === false) {
+            $error = curl_error($ch) ?: 'Unknown cURL error';
+            curl_close($ch);
+            return [
+                'success' => false,
+                'error'   => 'curl_error',
+                'message' => $error,
+            ];
+        }
+
+        $status = (int) curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        curl_close($ch);
+
+        $decoded = null;
+        if ($responseBody !== '' && $responseBody !== null) {
+            $decoded = json_decode($responseBody, true);
+            if (json_last_error() !== JSON_ERROR_NONE) {
+                $decoded = null;
+            }
+        }
+
+        if ($status >= 200 && $status < 300) {
+            return [
+                'success' => true,
+                'status'  => $status,
+                'data'    => $decoded ?? $responseBody,
+            ];
+        }
+
+        $errorMessage = 'AI proxy request failed';
+        if (is_array($decoded)) {
+            $errorMessage = $decoded['error'] ?? $decoded['message'] ?? $errorMessage;
+        } elseif (is_string($responseBody) && $responseBody !== '') {
+            $errorMessage = $responseBody;
+        }
+
+        return [
+            'success'  => false,
+            'status'   => $status,
+            'error'    => $errorMessage,
+            'response' => $decoded ?? $responseBody,
+        ];
+    }
+}
+
+// Legacy alias for backward compatibility with the previous class name.
+if (!class_exists('OpenAIService')) {
+    class_alias(LocalAIApi::class, 'OpenAIService');
+}

ai/config.php

@@ -0,0 +1,52 @@
+<?php
+// OpenAI proxy configuration (workspace scope).
+// Reads values from environment variables or executor/.env.
+
+$projectUuid = getenv('PROJECT_UUID');
+$projectId   = getenv('PROJECT_ID');
+
+if (
+    ($projectUuid === false || $projectUuid === null || $projectUuid === '') ||
+    ($projectId === false || $projectId === null || $projectId === '')
+) {
+    $envPath = realpath(__DIR__ . '/../../.env'); // executor/.env
+    if ($envPath && is_readable($envPath)) {
+        $lines = @file($envPath, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES) ?: [];
+        foreach ($lines as $line) {
+            $line = trim($line);
+            if ($line === '' || $line[0] === '#') {
+                continue;
+            }
+            if (!str_contains($line, '=')) {
+                continue;
+            }
+            [$key, $value] = array_map('trim', explode('=', $line, 2));
+            if ($key === '') {
+                continue;
+            }
+            $value = trim($value, "\"' ");
+            if (getenv($key) === false || getenv($key) === '') {
+                putenv("{$key}={$value}");
+            }
+        }
+        $projectUuid = getenv('PROJECT_UUID');
+        $projectId   = getenv('PROJECT_ID');
+    }
+}
+
+$projectUuid = ($projectUuid === false) ? null : $projectUuid;
+$projectId   = ($projectId === false) ? null : $projectId;
+
+$baseUrl       = 'https://flatlogic.com';
+$responsesPath = $projectId ? "/projects/{$projectId}/ai-request" : null;
+
+return [
+    'base_url'       => $baseUrl,
+    'responses_path' => $responsesPath,
+    'project_id'     => $projectId,
+    'project_uuid'   => $projectUuid,
+    'project_header' => 'project-uuid',
+    'default_model'  => 'gpt-5-mini',
+    'timeout'        => 30,
+    'verify_tls'     => true,
+];

db/config.php

@@ -0,0 +1,17 @@
+<?php
+// Generated by setup_mariadb_project.sh — edit as needed.
+define('DB_HOST', '127.0.0.1');
+define('DB_NAME', 'app_36661');
+define('DB_USER', 'app_36661');
+define('DB_PASS', '078c22d6-3b4c-4c8b-9bc6-3dbb3f19017f');
+
+function db() {
+  static $pdo;
+  if (!$pdo) {
+    $pdo = new PDO('mysql:host='.DB_HOST.';dbname='.DB_NAME.';charset=utf8mb4', DB_USER, DB_PASS, [
+      PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
+      PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
+    ]);
+  }
+  return $pdo;
+}

index.php

@@ -1,39 +1,150 @@
+<?php
+declare(strict_types=1);
+@ini_set('display_errors', '1');
+@error_reporting(E_ALL);
+@date_default_timezone_set('UTC');
 
-<!DOCTYPE html>
+$phpVersion = PHP_VERSION;
+$now = date('Y-m-d H:i:s');
+?>
+<!doctype html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>GenFleet IoT Command Center</title>
-    
-    <!-- PrimeReact CSS -->
-    <link rel="stylesheet" href="https://unpkg.com/primereact/resources/themes/lara-dark-indigo/theme.css">
-    <link rel="stylesheet" href="https://unpkg.com/primereact/resources/primereact.min.css">
-    <link rel="stylesheet" href="https://unpkg.com/primeicons/primeicons.css">
-    <link rel="stylesheet" href="https://unpkg.com/primeflex/primeflex.css">
-    
-    <!-- Custom CSS -->
-    <link rel="stylesheet" href="src/App.css">
-
-    <!-- React and Babel for JSX in browser -->
-    <script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script>
-    <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
-    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
-    <script src="https://unpkg.com/primereact/core/core.min.js"></script>
-    <script src="https://unpkg.com/primereact/button/button.min.js"></script>
-    <script src="https://unpkg.com/primereact/card/card.min.js"></script>
-    <script src="https://unpkg.com/primereact/inputtext/inputtext.min.js"></script>
-    <script src="https://unpkg.com/react-router-dom@6/dist/umd/react-router-dom.min.js"></script>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>New Style</title>
+<?php
+// Read project preview data from environment
+$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
+$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
+?>
+<?php if ($projectDescription): ?>
+  <!-- Meta description -->
+  <meta name="description" content='<?= htmlspecialchars($projectDescription) ?>' />
+  <!-- Open Graph meta tags -->
+  <meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
+  <!-- Twitter meta tags -->
+  <meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
+<?php endif; ?>
+<?php if ($projectImageUrl): ?>
+  <!-- Open Graph image -->
+  <meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
+  <!-- Twitter image -->
+  <meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
+<?php endif; ?>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
+  <style>
+    :root {
+      --bg-color-start: #6a11cb;
+      --bg-color-end: #2575fc;
+      --text-color: #ffffff;
+      --card-bg-color: rgba(255, 255, 255, 0.01);
+      --card-border-color: rgba(255, 255, 255, 0.1);
+    }
+    body {
+      margin: 0;
+      font-family: 'Inter', sans-serif;
+      background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
+      color: var(--text-color);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      text-align: center;
+      overflow: hidden;
+      position: relative;
+    }
+    body::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
+      animation: bg-pan 20s linear infinite;
+      z-index: -1;
+    }
+    @keyframes bg-pan {
+      0% { background-position: 0% 0%; }
+      100% { background-position: 100% 100%; }
+    }
+    main {
+      padding: 2rem;
+    }
+    .card {
+      background: var(--card-bg-color);
+      border: 1px solid var(--card-border-color);
+      border-radius: 16px;
+      padding: 2rem;
+      backdrop-filter: blur(20px);
+      -webkit-backdrop-filter: blur(20px);
+      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
+    }
+    .loader {
+      margin: 1.25rem auto 1.25rem;
+      width: 48px;
+      height: 48px;
+      border: 3px solid rgba(255, 255, 255, 0.25);
+      border-top-color: #fff;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+    @keyframes spin {
+      from { transform: rotate(0deg); }
+      to   { transform: rotate(360deg); }
+    }
+    .hint {
+      opacity: 0.9;
+    }
+    .sr-only {
+      position: absolute;
+      width: 1px; height: 1px;
+      padding: 0; margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap; border: 0;
+    }
+    h1 {
+      font-size: 3rem;
+      font-weight: 700;
+      margin: 0 0 1rem;
+      letter-spacing: -1px;
+    }
+    p {
+      margin: 0.5rem 0;
+      font-size: 1.1rem;
+    }
+    code {
+      background: rgba(0,0,0,0.2);
+      padding: 2px 6px;
+      border-radius: 4px;
+      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    }
+    footer {
+      position: absolute;
+      bottom: 1rem;
+      font-size: 0.8rem;
+      opacity: 0.7;
+    }
+  </style>
 </head>
 <body>
-    <div id="root"></div>
-
-    <!-- Load App.js which will import other components -->
-    <script type="text/babel" data-type="module" data-presets="react" data-plugins="transform-modules-umd" src="src/App.js"></script>
-
-    <script type="text/babel">
-        const root = ReactDOM.createRoot(document.getElementById('root'));
-        root.render(React.createElement(App));
-    </script>
+  <main>
+    <div class="card">
+      <h1>Analyzing your requirements and generating your website…</h1>
+      <div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
+        <span class="sr-only">Loading…</span>
+      </div>
+      <p class="hint"><?= ($_SERVER['HTTP_HOST'] ?? '') === 'appwizzy.com' ? 'AppWizzy' : 'Flatlogic' ?> AI is collecting your requirements and applying the first changes.</p>
+      <p class="hint">This page will update automatically as the plan is implemented.</p>
+      <p>Runtime: PHP <code><?= htmlspecialchars($phpVersion) ?></code> — UTC <code><?= htmlspecialchars($now) ?></code></p>
+    </div>
+  </main>
+  <footer>
+    Page updated: <?= htmlspecialchars($now) ?> (UTC)
+  </footer>
 </body>
 </html>

mail/MailService.php

@@ -0,0 +1,235 @@
+<?php
+// Minimal mail service for the workspace app (VM).
+// Usage:
+//   require_once __DIR__ . '/MailService.php';
+//   // Generic:
+//   MailService::sendMail($to, $subject, $htmlBody, $textBody = null, $opts = []);
+//   // Contact form helper:
+//   MailService::sendContactMessage($name, $email, $message, $to = null, $subject = 'New contact form');
+
+class MailService
+{
+    // Universal mail sender (no attachments by design)
+    public static function sendMail($to, string $subject, string $htmlBody, ?string $textBody = null, array $opts = [])
+    {
+        $cfg = self::loadConfig();
+
+        $autoload = __DIR__ . '/../vendor/autoload.php';
+        if (file_exists($autoload)) {
+            require_once $autoload;
+        }
+        if (!class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+            @require_once 'libphp-phpmailer/autoload.php';
+            if (!class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+                @require_once 'libphp-phpmailer/src/Exception.php';
+                @require_once 'libphp-phpmailer/src/SMTP.php';
+                @require_once 'libphp-phpmailer/src/PHPMailer.php';
+            }
+            if (!class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+                @require_once 'PHPMailer/src/Exception.php';
+                @require_once 'PHPMailer/src/SMTP.php';
+                @require_once 'PHPMailer/src/PHPMailer.php';
+            }
+            if (!class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+                @require_once 'PHPMailer/Exception.php';
+                @require_once 'PHPMailer/SMTP.php';
+                @require_once 'PHPMailer/PHPMailer.php';
+            }
+        }
+
+        if (!class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+            return [ 'success' => false, 'error' => 'PHPMailer not available' ];
+        }
+
+        $mail = new PHPMailer\PHPMailer\PHPMailer(true);
+        try {
+            $mail->isSMTP();
+            $mail->Host       = $cfg['smtp_host'] ?? '';
+            $mail->Port       = (int)($cfg['smtp_port'] ?? 587);
+            $secure = $cfg['smtp_secure'] ?? 'tls';
+            if ($secure === 'ssl') $mail->SMTPSecure = PHPMailer\PHPMailer\PHPMailer::ENCRYPTION_SMTPS;
+            elseif ($secure === 'tls') $mail->SMTPSecure = PHPMailer\PHPMailer\PHPMailer::ENCRYPTION_STARTTLS;
+            else $mail->SMTPSecure = false;
+            $mail->SMTPAuth   = true;
+            $mail->Username   = $cfg['smtp_user'] ?? '';
+            $mail->Password   = $cfg['smtp_pass'] ?? '';
+
+            $fromEmail = $opts['from_email'] ?? ($cfg['from_email'] ?? 'no-reply@localhost');
+            $fromName  = $opts['from_name']  ?? ($cfg['from_name']  ?? 'App');
+            $mail->setFrom($fromEmail, $fromName);
+            if (!empty($opts['reply_to']) && filter_var($opts['reply_to'], FILTER_VALIDATE_EMAIL)) {
+                $mail->addReplyTo($opts['reply_to']);
+            } elseif (!empty($cfg['reply_to'])) {
+                $mail->addReplyTo($cfg['reply_to']);
+            }
+
+            // Recipients
+            $toList = [];
+            if ($to) {
+                if (is_string($to)) $toList = array_map('trim', explode(',', $to));
+                elseif (is_array($to)) $toList = $to;
+            } elseif (!empty(getenv('MAIL_TO'))) {
+                $toList = array_map('trim', explode(',', getenv('MAIL_TO')));
+            }
+            $added = 0;
+            foreach ($toList as $addr) {
+                if (filter_var($addr, FILTER_VALIDATE_EMAIL)) { $mail->addAddress($addr); $added++; }
+            }
+            if ($added === 0) {
+                return [ 'success' => false, 'error' => 'No recipients defined (set MAIL_TO or pass $to)' ];
+            }
+
+            foreach ((array)($opts['cc'] ?? []) as $cc)  { if (filter_var($cc,  FILTER_VALIDATE_EMAIL)) $mail->addCC($cc); }
+            foreach ((array)($opts['bcc'] ?? []) as $bcc){ if (filter_var($bcc, FILTER_VALIDATE_EMAIL)) $mail->addBCC($bcc); }
+
+            // Optional DKIM
+            if (!empty($cfg['dkim_domain']) && !empty($cfg['dkim_selector']) && !empty($cfg['dkim_private_key_path'])) {
+                $mail->DKIM_domain = $cfg['dkim_domain'];
+                $mail->DKIM_selector = $cfg['dkim_selector'];
+                $mail->DKIM_private = $cfg['dkim_private_key_path'];
+            }
+
+            $mail->isHTML(true);
+            $mail->Subject = $subject;
+            $mail->Body    = $htmlBody;
+            $mail->AltBody = $textBody ?? strip_tags($htmlBody);
+            $ok = $mail->send();
+            return [ 'success' => $ok ];
+        } catch (\Throwable $e) {
+            return [ 'success' => false, 'error' => 'PHPMailer error: ' . $e->getMessage() ];
+        }
+    }
+    private static function loadConfig(): array
+    {
+        $configPath = __DIR__ . '/config.php';
+        if (!file_exists($configPath)) {
+            throw new \RuntimeException('Mail config not found. Copy mail/config.sample.php to mail/config.php and fill in credentials.');
+        }
+        $cfg = require $configPath;
+        if (!is_array($cfg)) {
+            throw new \RuntimeException('Invalid mail config format: expected array');
+        }
+        return $cfg;
+    }
+
+    // Send a contact message
+    // $to can be: a single email string, a comma-separated list, an array of emails, or null (fallback to MAIL_TO/MAIL_FROM)
+    public static function sendContactMessage(string $name, string $email, string $message, $to = null, string $subject = 'New contact form')
+    {
+        $cfg = self::loadConfig();
+
+        // Try Composer autoload if available (for PHPMailer)
+        $autoload = __DIR__ . '/../vendor/autoload.php';
+        if (file_exists($autoload)) {
+            require_once $autoload;
+        }
+        // Fallback to system-wide PHPMailer (installed via apt: libphp-phpmailer)
+        if (!class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+            // Debian/Ubuntu package layout (libphp-phpmailer)
+            @require_once 'libphp-phpmailer/autoload.php';
+            if (!class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+                @require_once 'libphp-phpmailer/src/Exception.php';
+                @require_once 'libphp-phpmailer/src/SMTP.php';
+                @require_once 'libphp-phpmailer/src/PHPMailer.php';
+            }
+            // Alternative layout (older PHPMailer package names)
+            if (!class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+                @require_once 'PHPMailer/src/Exception.php';
+                @require_once 'PHPMailer/src/SMTP.php';
+                @require_once 'PHPMailer/src/PHPMailer.php';
+            }
+            if (!class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+                @require_once 'PHPMailer/Exception.php';
+                @require_once 'PHPMailer/SMTP.php';
+                @require_once 'PHPMailer/PHPMailer.php';
+            }
+        }
+
+        $transport = $cfg['transport'] ?? 'smtp';
+        if ($transport === 'smtp' && class_exists('PHPMailer\\PHPMailer\\PHPMailer')) {
+            return self::sendViaPHPMailer($cfg, $name, $email, $message, $to, $subject);
+        }
+
+        // Fallback: attempt native mail() — works only if MTA is configured on the VM
+        return self::sendViaNativeMail($cfg, $name, $email, $message, $to, $subject);
+    }
+
+    private static function sendViaPHPMailer(array $cfg, string $name, string $email, string $body, $to, string $subject)
+    {
+        $mail = new PHPMailer\PHPMailer\PHPMailer(true);
+        try {
+            $mail->isSMTP();
+            $mail->Host       = $cfg['smtp_host'] ?? '';
+            $mail->Port       = (int)($cfg['smtp_port'] ?? 587);
+            $secure = $cfg['smtp_secure'] ?? 'tls';
+            if ($secure === 'ssl') $mail->SMTPSecure = PHPMailer\PHPMailer\PHPMailer::ENCRYPTION_SMTPS;
+            elseif ($secure === 'tls') $mail->SMTPSecure = PHPMailer\PHPMailer\PHPMailer::ENCRYPTION_STARTTLS;
+            else $mail->SMTPSecure = false;
+            $mail->SMTPAuth   = true;
+            $mail->Username   = $cfg['smtp_user'] ?? '';
+            $mail->Password   = $cfg['smtp_pass'] ?? '';
+
+            $fromEmail = $cfg['from_email'] ?? 'no-reply@localhost';
+            $fromName  = $cfg['from_name']  ?? 'App';
+            $mail->setFrom($fromEmail, $fromName);
+
+            // Use Reply-To for the user's email to avoid spoofing From
+            if (filter_var($email, FILTER_VALIDATE_EMAIL)) {
+                $mail->addReplyTo($email, $name ?: $email);
+            }
+            if (!empty($cfg['reply_to'])) {
+                $mail->addReplyTo($cfg['reply_to']);
+            }
+
+            // Destination: prefer dynamic recipients ($to), fallback to MAIL_TO; no silent FROM fallback
+            $toList = [];
+            if ($to) {
+                if (is_string($to)) {
+                    // allow comma-separated list
+                    $toList = array_map('trim', explode(',', $to));
+                } elseif (is_array($to)) {
+                    $toList = $to;
+                }
+            } elseif (!empty(getenv('MAIL_TO'))) {
+                $toList = array_map('trim', explode(',', getenv('MAIL_TO')));
+            }
+            $added = 0;
+            foreach ($toList as $addr) {
+                if (filter_var($addr, FILTER_VALIDATE_EMAIL)) {
+                    $mail->addAddress($addr);
+                    $added++;
+                }
+            }
+            if ($added === 0) {
+                return [ 'success' => false, 'error' => 'No recipients defined (set MAIL_TO or pass $to)' ];
+            }
+
+            // DKIM (optional)
+            if (!empty($cfg['dkim_domain']) && !empty($cfg['dkim_selector']) && !empty($cfg['dkim_private_key_path'])) {
+                $mail->DKIM_domain = $cfg['dkim_domain'];
+                $mail->DKIM_selector = $cfg['dkim_selector'];
+                $mail->DKIM_private = $cfg['dkim_private_key_path'];
+            }
+
+            $mail->isHTML(true);
+            $mail->Subject = $subject;
+            $safeName  = htmlspecialchars($name, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
+            $safeEmail = htmlspecialchars($email, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
+            $safeBody  = nl2br(htmlspecialchars($body, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8'));
+            $mail->Body = "<p><strong>Name:</strong> {$safeName}</p><p><strong>Email:</strong> {$safeEmail}</p><hr>{$safeBody}";
+            $mail->AltBody = "Name: {$name}\nEmail: {$email}\n\n{$body}";
+
+            $ok = $mail->send();
+            return [ 'success' => $ok ];
+        } catch (\Throwable $e) {
+            return [ 'success' => false, 'error' => 'PHPMailer error: ' . $e->getMessage() ];
+        }
+    }
+
+    private static function sendViaNativeMail(array $cfg, string $name, string $email, string $body, $to, string $subject)
+    {
+        $opts = ['reply_to' => $email];
+        $html = nl2br(htmlspecialchars($body, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8'));
+        return self::sendMail($to, $subject, $html, $body, $opts);
+    }
+}

mail/config.php

@@ -0,0 +1,76 @@
+<?php
+// Mail configuration sourced from environment variables.
+// No secrets are stored here; the file just maps env -> config array for MailService.
+
+function env_val(string $key, $default = null) {
+    $v = getenv($key);
+    return ($v === false || $v === null || $v === '') ? $default : $v;
+}
+
+// Fallback: if critical vars are missing from process env, try to parse executor/.env
+// This helps in web/Apache contexts where .env is not exported.
+// Supports simple KEY=VALUE lines; ignores quotes and comments.
+function load_dotenv_if_needed(array $keys): void {
+    $missing = array_filter($keys, fn($k) => getenv($k) === false || getenv($k) === '');
+    if (empty($missing)) return;
+    static $loaded = false;
+    if ($loaded) return;
+    $envPath = realpath(__DIR__ . '/../../.env'); // executor/.env
+    if ($envPath && is_readable($envPath)) {
+        $lines = @file($envPath, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES) ?: [];
+        foreach ($lines as $line) {
+            if ($line[0] === '#' || trim($line) === '') continue;
+            if (!str_contains($line, '=')) continue;
+            [$k, $v] = array_map('trim', explode('=', $line, 2));
+            // Strip potential surrounding quotes
+            $v = trim($v, "\"' ");
+            // Do not override existing env
+            if ($k !== '' && (getenv($k) === false || getenv($k) === '')) {
+                putenv("{$k}={$v}");
+            }
+        }
+        $loaded = true;
+    }
+}
+
+load_dotenv_if_needed([
+    'MAIL_TRANSPORT','SMTP_HOST','SMTP_PORT','SMTP_SECURE','SMTP_USER','SMTP_PASS',
+    'MAIL_FROM','MAIL_FROM_NAME','MAIL_REPLY_TO','MAIL_TO',
+    'DKIM_DOMAIN','DKIM_SELECTOR','DKIM_PRIVATE_KEY_PATH'
+]);
+
+$transport   = env_val('MAIL_TRANSPORT', 'smtp');
+$smtp_host   = env_val('SMTP_HOST');
+$smtp_port   = (int) env_val('SMTP_PORT', 587);
+$smtp_secure = env_val('SMTP_SECURE', 'tls'); // tls | ssl | null
+$smtp_user   = env_val('SMTP_USER');
+$smtp_pass   = env_val('SMTP_PASS');
+
+$from_email  = env_val('MAIL_FROM', 'no-reply@localhost');
+$from_name   = env_val('MAIL_FROM_NAME', 'App');
+$reply_to    = env_val('MAIL_REPLY_TO');
+
+$dkim_domain           = env_val('DKIM_DOMAIN');
+$dkim_selector         = env_val('DKIM_SELECTOR');
+$dkim_private_key_path = env_val('DKIM_PRIVATE_KEY_PATH');
+
+return [
+    'transport'   => $transport,
+
+    // SMTP
+    'smtp_host'   => $smtp_host,
+    'smtp_port'   => $smtp_port,
+    'smtp_secure' => $smtp_secure,
+    'smtp_user'   => $smtp_user,
+    'smtp_pass'   => $smtp_pass,
+
+    // From / Reply-To
+    'from_email'  => $from_email,
+    'from_name'   => $from_name,
+    'reply_to'    => $reply_to,
+
+    // DKIM (optional)
+    'dkim_domain'           => $dkim_domain,
+    'dkim_selector'         => $dkim_selector,
+    'dkim_private_key_path' => $dkim_private_key_path,
+];

src/App.css

@@ -1,28 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
-
-body {
-    background-color: #1E1E1E;
-    color: #F5F5F5;
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-    margin: 0;
-    padding: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.hero-section {
-    min-height: 80vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.hero-section h1 {
-    font-size: 3.5rem;
-    font-weight: 700;
-}
-
-.hero-section p {
-    font-size: 1.25rem;
-    color: #E0E0E0;
-}

src/App.js

@@ -1,35 +0,0 @@
-import React, { useState } from 'react';
-import { BrowserRouter as Router, Route, Routes, useNavigate, Navigate } from 'react-router-dom';
-import LandingPage from './pages/LandingPage';
-import LoginPage from './pages/LoginPage';
-import Dashboard from './pages/Dashboard'; // Import the new Dashboard component
-
-function App() {
-  const [isLoggedIn, setIsLoggedIn] = useState(false); // State for authentication
-
-  // Function to handle login
-  const handleLogin = () => {
-    setIsLoggedIn(true);
-  };
-
-  // Function to handle logout (optional, but good for completeness)
-  const handleLogout = () => {
-    setIsLoggedIn(false);
-  };
-
-  return (
-    <Router>
-      <Routes>
-        <Route path="/" element={<LandingPage />} />
-        <Route path="/login" element={<LoginPage onLogin={handleLogin} />} /> {/* Pass handleLogin to LoginPage */}
-        {/* Protected Dashboard Route */}
-        <Route
-          path="/dashboard"
-          element={isLoggedIn ? <Dashboard onLogout={handleLogout} /> : <Navigate to="/login" replace />}
-        />
-      </Routes>
-    </Router>
-  );
-}
-
-export default App;

src/pages/Dashboard.js

@@ -1,12 +0,0 @@
-import React from 'react';
-
-const Dashboard = () => {
-  return (
-    <div className="flex align-items-center justify-content-center min-h-screen surface-ground p-4">
-      <h1 className="text-4xl text-900">Welcome to the Dashboard!</h1>
-      <p className="text-600">You are logged in.</p>
-    </div>
-  );
-};
-
-export default Dashboard;

src/pages/LandingPage.js

@@ -1,81 +0,0 @@
-import { Link } from 'react-router-dom';
-
-const LandingPage = () => {
-    const { Button } = primereact.button;
-    const { Card } = primereact.card;
-    return (
-        <div className="landing-page-content">
-            {/* Hero Section */}
-            <div className="hero-section text-center p-6 surface-900 text-white">
-                <div className="p-4">
-                    <h1 className="mb-3 text-6xl" style={{ color: '#4DD0E1' }}>GenFleet IoT Command Center</h1>
-                    <p className="mb-4 text-2xl">Unified telemetry for gensets, fleets, and heavy equipment.</p>
-                    <p className="mb-5 text-lg max-w-30rem mx-auto text-color-secondary">Monitor uptime, optimize fuel consumption, and enable predictive maintenance to keep your operations running at peak efficiency.</p>
-                    <Link to="/login" className="p-button p-button-info p-component p-button-large" style={{ textDecoration: 'none' }}>
-                        <span className="p-button-label">Go to Dashboard / Login</span>
-                    </Link>
-                </div>
-            </div>
-
-            {/* Personas Section */}
-            <div className="personas-section py-8 px-4 surface-800 text-white-alpha-80 mb-5">
-                <h2 className="text-center text-4xl mb-6" style={{ color: '#4DD0E1' }}>Who Benefits?</h2>
-                <div className="grid justify-content-center">
-                    <div className="col-12 md:col-6 lg:col-4">
-                        <Card title="Fleet Manager" subTitle="Optimize routes & reduce costs." className="text-center h-full surface-900 border-round-md">
-                            <p className="text-color-secondary">Track vehicle locations, monitor driver behavior, and schedule preventative maintenance to ensure your fleet runs smoothly and efficiently.</p>
-                        </Card>
-                    </div>
-                    <div className="col-12 md:col-6 lg:col-4">
-                        <Card title="Equipment Operator" subTitle="Enhance productivity & safety." className="text-center h-full surface-900 border-round-md">
-                            <p className="text-color-secondary">Receive real-time alerts on equipment status, perform pre-operational checks, and access maintenance history on the go.</p>
-                        </Card>
-                    </div>
-                    <div className="col-12 md:col-6 lg:col-4">
-                        <Card title="Maintenance Lead" subTitle="Streamline repairs & minimize downtime." className="text-center h-full surface-900 border-round-md">
-                            <p className="text-color-secondary">Diagnose issues remotely, manage work orders, and track parts inventory to keep your assets in top condition.</p>
-                        </Card>
-                    </div>
-                </div>
-            </div>
-
-            {/* Features Section */}
-            <div className="features-section py-8 px-4 surface-900 text-white-alpha-80">
-                <h2 className="text-center text-4xl mb-6" style={{ color: '#4DD0E1' }}>Key Features</h2>
-                <div className="grid justify-content-center">
-                    <div className="col-12 md:col-6 lg:col-4">
-                        <Card title="Real-time Telemetry" className="text-center h-full surface-800 border-round-md">
-                            <p className="text-color-secondary">Live data streams from all your connected assets, including location, fuel levels, engine diagnostics, and more.</p>
-                        </Card>
-                    </div>
-                    <div className="col-12 md:col-6 lg:col-4">
-                        <Card title="Predictive Analytics" className="text-center h-full surface-800 border-round-md">
-                            <p className="text-color-secondary">Leverage AI-driven insights to predict equipment failures and optimize maintenance schedules before issues arise.</p>
-                        </Card>
-                    </div>
-                    <div className="col-12 md:col-6 lg:col-4">
-                        <Card title="Automated Workflows" className="text-center h-full surface-800 border-round-md">
-                            <p className="text-color-secondary">Set up automated alerts, notifications, and task assignments based on predefined rules and thresholds.</p>
-                        </Card>
-                    </div>
-                    <div className="col-12 md:col-6 lg:col-4">
-                        <Card title="Geofencing & Security" className="text-center h-full surface-800 border-round-md">
-                            <p className="text-color-secondary">Define virtual boundaries and receive instant alerts for unauthorized movement or entry/exit from designated areas.</p>
-                        </Card>
-                    </div>
-                    <div className="col-12 md:col-6 lg:col-4">
-                        <Card title="Reporting & Compliance" className="text-center h-full surface-800 border-round-md">
-                            <p className="text-color-secondary">Generate comprehensive reports for operational efficiency, regulatory compliance, and performance analysis.</p>
-                        </Card>
-                    </div>
-                    <div className="col-12 md:col-6 lg:col-4">
-                        <Card title="Mobile Accessibility" className="text-center h-full surface-800 border-round-md">
-                            <p className="text-color-secondary">Access all features and data on the go with a fully responsive design optimized for mobile devices.</p>
-                        </Card>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-};
-window.LandingPage = LandingPage;

src/pages/LoginPage.js

@@ -1,80 +0,0 @@
-import React, { useState } from 'react';
-import { Card } from 'primereact/card';
-import { InputText } from 'primereact/inputtext';
-import { Button } from 'primereact/button';
-import { classNames } from 'primereact/utils';
-import { useNavigate } from 'react-router-dom'; // Import useNavigate
-
-const LoginPage = ({ onLogin }) => {
-    const [username, setUsername] = useState('');
-    const [password, setPassword] = useState('');
-    const navigate = useNavigate(); // Initialize useNavigate
-
-    const handleSubmit = (event) => {
-        event.preventDefault();
-        // Mocked authentication logic
-        if (username === 'user' && password === 'password') {
-            onLogin(); // Call the onLogin prop from App.js
-            navigate('/dashboard'); // Redirect to dashboard on successful login
-        } else {
-            alert('Invalid username or password.');
-        }
-    };
-
-    return (
-        <div className="flex align-items-center justify-content-center min-h-screen surface-ground p-4">
-            <Card className="p-fluid surface-card shadow-2 border-round-lg" style={{ width: 'min(90vw, 400px)' }}>
-                <div className="text-center mb-5">
-                    <img src="https://primefaces.org/cdn/primereact/images/primereact-logo.png" alt="PrimeReact Logo" height="50" className="mb-3" />
-                    <div className="text-900 text-3xl font-medium mb-3">Welcome Back</div>
-                    <span className="text-600 font-medium line-height-3">Don't have an account?</span>
-                    <a className="font-medium no-underline ml-2 text-cyan-500 cursor-pointer">Sign up now!</a>
-                </div>
-
-                <form onSubmit={handleSubmit}>
-                    <div className="field">
-                        <label htmlFor="username" className="block text-900 font-medium mb-2">Username</label>
-                        <InputText
-                            id="username"
-                            type="text"
-                            placeholder="Username"
-                            className="w-full p-3"
-                            value={username}
-                            onChange={(e) => setUsername(e.target.value)}
-                        />
-                    </div>
-
-                    <div className="field mt-3">
-                        <label htmlFor="password" className="block text-900 font-medium mb-2">Password</label>
-                        <InputText
-                            id="password"
-                            type="password"
-                            placeholder="Password"
-                            className="w-full p-3"
-                            value={password}
-                            onChange={(e) => setPassword(e.target.value)}
-                        />
-                    </div>
-
-                    <div className="flex align-items-center justify-content-between mt-4 mb-5">
-                        <div className="field-checkbox">
-                            <input type="checkbox" id="rememberme" className="mr-2" />
-                            <label htmlFor="rememberme" className="text-900">Remember me</label>
-                        </div>
-                        <a className="font-medium no-underline ml-2 text-cyan-500 cursor-pointer">Forgot your password?</a>
-                    </div>
-
-                    <Button label="Sign In" icon="pi pi-user" className="w-full p-3 text-xl" type="submit"></Button>
-
-                    <div className="p-divider p-component p-divider-horizontal p-divider-solid p-divider-left mb-4 mt-5">
-                        <div className="p-divider-content">OR</div>
-                    </div>
-
-                    <Button label="Sign In with Google" icon="pi pi-google" className="w-full p-3 text-xl p-button-outlined p-button-secondary"></Button>
-                </form>
-            </Card>
-        </div>
-    );
-};
-
-export default LoginPage;