diff --git a/app/Chat/chat.php b/app/Chat/chat.php
new file mode 100644
index 000000000..e69de29bb
diff --git a/app/Chat/chat_api/config.php b/app/Chat/chat_api/config.php
new file mode 100644
index 000000000..e69de29bb
diff --git a/app/Chat/chat_api/fetchMessages.php b/app/Chat/chat_api/fetchMessages.php
new file mode 100644
index 000000000..e69de29bb
diff --git a/app/Chat/chat_api/sendMessage.php b/app/Chat/chat_api/sendMessage.php
new file mode 100644
index 000000000..e69de29bb
diff --git a/app/Http/Controllers/ChatController.php b/app/Http/Controllers/ChatController.php
new file mode 100644
index 000000000..3f9789c0f
--- /dev/null
+++ b/app/Http/Controllers/ChatController.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Models\Mensagem;
+
+class ChatController extends Controller
+{
+    public function index($projeto_id)
+    {
+        return view('chat', compact('projeto_id'));
+    }
+
+    public function fetchMessages($projeto_id)
+    {
+        return Mensagem::where('projeto_id', $projeto_id)->get();
+    }
+
+    public function sendMessage(Request $request, $projeto_id)
+    {
+        return Mensagem::create([
+            'projeto_id' => $projeto_id,
+            'usuario' => $request->usuario,
+            'mensagem' => $request->mensagem,
+        ]);
+    }
+
+}
diff --git a/app/Models/Mensagem.php b/app/Models/Mensagem.php
new file mode 100644
index 000000000..a4a09ffe0
--- /dev/null
+++ b/app/Models/Mensagem.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Mensagem extends Model
+{
+    use HasFactory;
+
+    protected $fillable = ['projeto_id', 'usuario', 'mensagem'];
+
+
+    protected $table = 'mensagens';
+}
diff --git a/database/migrations/2025_05_07_162656_create_mensagens_table.php b/database/migrations/2025_05_07_162656_create_mensagens_table.php
new file mode 100644
index 000000000..3a4b5b631
--- /dev/null
+++ b/database/migrations/2025_05_07_162656_create_mensagens_table.php
@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('mensagens', function (Blueprint $table) {
+            $table->id();
+            $table->unsignedBigInteger('projeto_id');
+            $table->string('usuario');
+            $table->text('mensagem');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('mensagens');
+    }
+};
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 60b145157..a3b4921b4 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -18,7 +18,7 @@ public function run()
         $this->call(BasesSearchSeeder::class);
         $this->call(PermissionSeeder::class);
 
-       DB::table('levels')->insert([
+        DB::table('levels')->insert([
             ['id_level' => 1, 'level' => 'Administrator'],
             ['id_level' => 2, 'level' => 'Viewer'],
             ['id_level' => 3, 'level' => 'Researcher'],
@@ -31,21 +31,26 @@ public function run()
             ['id_module' => 4, 'description' => 'Export'],
             ['id_module' => 5, 'description' => 'Super Administrator'],
         ]);
+
+        // Refatoração e adição de linguagens extras:
         DB::table('language')->insert([
-            'description' => 'Portuguese',
-        ]);
-        DB::table('language')->insert([
-            'description' => 'English',
-        ]);
-        DB::table('language')->insert([
-            'description' => 'Spanish',
-        ]);
-        DB::table('language')->insert([
-            'description' => 'French',
-        ]);
-        DB::table('language')->insert([
-            'description' => 'Russian',
+            ['description' => 'Portuguese'],
+            ['description' => 'English'],
+            ['description' => 'Spanish'],
+            ['description' => 'French'],
+            ['description' => 'Russian'],
+            ['description' => 'German'],
+            ['description' => 'Chinese'],
+            ['description' => 'Italian'],
+            ['description' => 'Japanese'],
+            ['description' => 'Arabic'],
+            ['description' => 'Dutch'],
+            ['description' => 'Korean'],
+            ['description' => 'Hindi'],
+            ['description' => 'Greek'],
+            ['description' => 'Turkish'],
         ]);
+
         DB::table('study_type')->insert([
             ['id_study_type' => 1, 'description' => 'Book'],
             ['id_study_type' => 2, 'description' => 'Thesis'],
@@ -89,6 +94,5 @@ public function run()
             ['description' => 'Unclassified'],
             ['description' => 'Removed'],
         ]);
-
     }
 }
diff --git a/resources/views/chat.blade.php b/resources/views/chat.blade.php
new file mode 100644
index 000000000..be4b43f27
--- /dev/null
+++ b/resources/views/chat.blade.php
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="pt">
+<head>
+    <meta charset="UTF-8">
+    <title>Chat Projeto {{ $projeto_id }}</title>
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+</head>
+<body>
+    <div id="chat-box" style="border:1px solid #ccc; height:300px; overflow:auto;"></div>
+
+    <input type="text" id="usuario" placeholder="Seu nome"><br>
+    <textarea id="mensagem" placeholder="Digite a mensagem"></textarea><br>
+    <button onclick="enviar()">Enviar</button>
+
+    <script>
+        const projetoId = "{{ $projeto_id }}";
+
+        async function carregarMensagens() {
+            const res = await fetch(`/chat/${projetoId}/messages`);
+            const data = await res.json();
+            let chatBox = document.getElementById('chat-box');
+            chatBox.innerHTML = '';
+            data.forEach(msg => {
+                chatBox.innerHTML += `<div><strong>${msg.usuario}</strong>: ${msg.mensagem} (${msg.created_at})</div>`;
+            });
+            chatBox.scrollTop = chatBox.scrollHeight;
+        }
+
+        async function enviar() {
+            const usuario = document.getElementById('usuario').value;
+            const mensagem = document.getElementById('mensagem').value;
+
+            await fetch(`/chat/${projetoId}/messages`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
+                },
+                body: JSON.stringify({ usuario, mensagem })
+            });
+
+            document.getElementById('mensagem').value = '';
+            carregarMensagens();
+        }
+
+        carregarMensagens();
+        setInterval(carregarMensagens, 3000);
+    </script>
+</body>
+</html>
diff --git a/resources/views/components/chat.blade.php b/resources/views/components/chat.blade.php
new file mode 100644
index 000000000..91dd6dc5c
--- /dev/null
+++ b/resources/views/components/chat.blade.php
@@ -0,0 +1,85 @@
+<div id="chat-container" style="position:fixed; bottom:0; right:15px; width:300px; z-index:9999;">
+    <div id="chat-header" style="background:#007bff;color:#fff;padding:8px;cursor:pointer;">
+        Chat do Projeto
+        <span id="chat-notif" style="float:right;background:red;padding:2px 5px;border-radius:10px;display:none;">!</span>
+    </div>
+    <div id="chat-body" style="border:1px solid #ccc;background:#fff;height:250px;overflow:auto;display:none;padding:10px;">
+        <div id="chat-messages" style="height:150px; overflow-y: auto;"></div>
+        <textarea id="chat-input" placeholder="Digite sua mensagem..." style="width:100%;height:50px;"></textarea>
+        <button id="chat-send" style="width:100%;margin-top:5px;">Enviar</button>
+    </div>
+</div>
+
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+    let chatOpen = false;
+
+    const chatHeader = document.getElementById('chat-header');
+    const chatBody = document.getElementById('chat-body');
+    const chatNotif = document.getElementById('chat-notif');
+    const chatSend = document.getElementById('chat-send');
+    const chatInput = document.getElementById('chat-input');
+    const chatMessages = document.getElementById('chat-messages');
+
+    const projetoId = {{ $projeto_id ?? 1 }};
+    const usuarioLogado = @json(Auth::user()->name);
+
+    chatHeader.addEventListener('click', function() {
+        console.log("Clique detectado");
+        chatOpen = !chatOpen;
+        chatBody.style.display = chatOpen ? 'block' : 'none';
+        if (chatOpen) {
+            chatNotif.style.display = 'none';
+            carregarMensagens();
+        }
+    });
+
+    function carregarMensagens() {
+        fetch(`/chat/${projetoId}/messages`)
+            .then(resp => resp.json())
+            .then(data => {
+                chatMessages.innerHTML = '';
+                data.forEach(msg => {
+                    chatMessages.innerHTML += `<div><strong>${msg.usuario}</strong>: ${msg.mensagem}</div>`;
+                });
+                chatMessages.scrollTop = chatMessages.scrollHeight;
+            });
+    }
+
+    chatSend.addEventListener('click', function() {
+        const mensagem = chatInput.value.trim();
+        if (!mensagem) return;
+
+        fetch(`/chat/${projetoId}/messages`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRF-TOKEN': '{{ csrf_token() }}'
+            },
+            body: JSON.stringify({
+                usuario: usuarioLogado,
+                mensagem: mensagem
+            })
+        }).then(() => {
+            chatInput.value = '';
+            carregarMensagens();
+        });
+    });
+
+    carregarMensagens();
+
+    setInterval(() => {
+        if (!chatOpen) {
+            fetch(`/chat/${projetoId}/messages`)
+                .then(resp => resp.json())
+                .then(data => {
+                    if (data.length > 0) {
+                        chatNotif.style.display = 'inline';
+                    }
+                });
+        } else {
+            carregarMensagens();
+        }
+    }, 5000);
+});
+</script>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index bfeffb5f2..816e30ec3 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -1,240 +1,329 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <meta name="csrf-token" content="{{ csrf_token() }}">
-
-        <meta
-            name="viewport"
-            content="width=device-width, initial-scale=1, shrink-to-fit=no"
-        />
-        <link
-            rel="apple-touch-icon"
-            sizes="76x76"
-            href="{{ asset("img/apple-icon.png") }}"
-        />
-        <link
-            rel="icon"
-            type="image/png"
-            href="{{ asset("img/favicon.png") }}"
-        />
-        <title>Thoth :: Tool for SLR</title>
-        <!-- PWA  -->
-        <meta name="theme-color" content="#c9c5b1" />
-        <link rel="apple-touch-icon" href="{{ asset("logo.PNG") }}" />
-        <link rel="manifest" href="{{ asset("/manifest.json") }}" />
-
-        <!-- Fonts and icons -->
-        <link
-            href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"
-            rel="stylesheet"
-        />
-        <!-- Nucleo Icons -->
-        <link
-            href="{{ asset("assets/css/nucleo-icons.css") }}"
-            rel="stylesheet"
-        />
-        <link
-            href="{{ asset("assets/css/nucleo-svg.css") }}"
-            rel="stylesheet"
-        />
-
-        <link
-            href="{{ asset("assets/css/nucleo-svg.css") }}"
-            rel="stylesheet"
-        />
-
-        <link
-            href="{{ asset("assets/fontawesome-free-6.6.0-web/css/all.min.css") }}"
-            rel="stylesheet"
-        />
-
-        <!-- CSS Files -->
-        <link
-            id="pagestyle"
-            href="{{ asset("assets/css/argon-dashboard.css") }}"
-            rel="stylesheet"
-        />
-        <link rel="stylesheet" href="{{ asset("assets/css/select.css") }}" />
-        <link rel="stylesheet" href="{{ asset("assets/css/styles.css") }}" />
-
-        <!-- Google reCaptcha-->
-        @if(request()->is('register'))
-            <script src="https://www.google.com/recaptcha/api.js?render={{ config('services.recaptcha.site_key') }}"></script>
-        @endif
-
-
-        <!--editor de richtexto Quill -->
-        <script src="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js"></script>
-        <link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet">
-
-        <script src="https://cdn.jsdelivr.net/npm/choices.js@9.0.1/public/assets/scripts/choices.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
-         @livewireStyles
-    </head>
-
-    <body
-        class="g-sidenav-show {{ in_array( request()->route()->getName(),["login", "reset-password", "change-password","message"],) ? "bg-white" : "bg-gray-300" }}"
-    >
-        @guest
-            @yield("content")
-        @endguest
 
-        @auth
+<head>
+    <meta charset="utf-8" />
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+
+    <meta
+        name="viewport"
+        content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <link
+        rel="apple-touch-icon"
+        sizes="76x76"
+        href="{{ asset("img/apple-icon.png") }}" />
+    <link
+        rel="icon"
+        type="image/png"
+        href="{{ asset("img/favicon.png") }}" />
+    <title>Thoth :: Tool for SLR</title>
+    <!-- PWA  -->
+    <meta name="theme-color" content="#c9c5b1" />
+    <link rel="apple-touch-icon" href="{{ asset("logo.PNG") }}" />
+    <link rel="manifest" href="{{ asset("/manifest.json") }}" />
+
+    <!-- Fonts and icons -->
+    <link
+        href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"
+        rel="stylesheet" />
+    <!-- Nucleo Icons -->
+    <link
+        href="{{ asset("assets/css/nucleo-icons.css") }}"
+        rel="stylesheet" />
+    <link
+        href="{{ asset("assets/css/nucleo-svg.css") }}"
+        rel="stylesheet" />
+
+    <link
+        href="{{ asset("assets/css/nucleo-svg.css") }}"
+        rel="stylesheet" />
+
+    <link
+        href="{{ asset("assets/fontawesome-free-6.6.0-web/css/all.min.css") }}"
+        rel="stylesheet" />
+
+    <!-- CSS Files -->
+    <link
+        id="pagestyle"
+        href="{{ asset("assets/css/argon-dashboard.css") }}"
+        rel="stylesheet" />
+    <link rel="stylesheet" href="{{ asset("assets/css/select.css") }}" />
+    <link rel="stylesheet" href="{{ asset("assets/css/styles.css") }}" />
+
+    <!-- Google reCaptcha-->
+    @if(request()->is('register'))
+    <script src="https://www.google.com/recaptcha/api.js?render={{ config('services.recaptcha.site_key') }}"></script>
+    @endif
+
+
+    <!--editor de richtexto Quill -->
+    <script src="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet">
+
+    <script src="https://cdn.jsdelivr.net/npm/choices.js@9.0.1/public/assets/scripts/choices.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+    @livewireStyles
+</head>
+
+<body
+    class="g-sidenav-show {{ in_array( request()->route()->getName(),["login", "reset-password", "change-password","message"],) ? "bg-white" : "bg-gray-300" }}">
+    @guest
+    @yield("content")
+    @endguest
+
+    @auth
     @if (in_array(request()->route()->getName(),["login", "register", "reset-password", "change-password","message"]))
-        @yield("content")
+    @yield("content")
     @else
-        @if (! in_array(request()->route()->getName(),["profile", "home", "about", "help", "database-manager"]))
-            <div class="bg-gradient-faded-dark opacity-8 position-absolute w-100" style="min-height: 280px"></div>
-        @elseif (in_array(request()->route()->getName(),["profile-static", "profile"]))
-            <div class="bg-gradient-faded-dark position-absolute w-100 min-height-300 top-0">
-                <span class="mask bg-primary opacity-8"></span>
-            </div>
-        @endif
-        @include("layouts.navbars.auth.sidenav")
-        <main class="main-content">
-            <div class="container">
-                @yield("content")
-            </div>
-        </main>
+    @if (! in_array(request()->route()->getName(),["profile", "home", "about", "help", "database-manager"]))
+    <div
+        class="bg-gradient-faded-dark opacity-8 position-absolute w-100"
+        style="min-height: 280px"></div>
+    @elseif (in_array(request()->route()->getName(),["profile-static", "profile"]))
+    <div
+        class="bg-gradient-faded-dark position-absolute w-100 min-height-300 top-0">
+        >
+        <span class="mask bg-primary opacity-8"></span>
+    </div>
     @endif
-@endauth
+    @include("layouts.navbars.auth.sidenav")
+    <main class="main-content">
+        <div class="container">
+            @yield("content")
+        </div>
+    </main>
+    @include("components.fixed-plugin")
+    @endif
+    @endauth
 
-{{--Incluído fora do @auth: aparece para todos --}}
-@include("components.fixed-plugin")
+    <!-- PWA service worker -->
+    <script>
+        if (typeof navigator.serviceWorker !== 'undefined') {
+            navigator.serviceWorker.register('pwabuilder-sw.js');
+        }
+    </script>
 
+    <!-- Core JS Files -->
+    <script src="{{ asset("assets/js/core/popper.min.js") }}"></script>
+    <script src="{{ asset("assets/js/core/bootstrap.min.js") }}"></script>
+    <script src="{{ asset("assets/js/plugins/perfect-scrollbar.min.js") }}"></script>
+    <script src="{{ asset("assets/js/plugins/smooth-scrollbar.min.js") }}"></script>
 
-        <!-- PWA service worker -->
-        <script>
-            if (typeof navigator.serviceWorker !== 'undefined') {
-                navigator.serviceWorker.register('pwabuilder-sw.js');
-            }
-        </script>
-
-        <!-- Core JS Files -->
-        <script src="{{ asset("assets/js/core/popper.min.js") }}"></script>
-        <script src="{{ asset("assets/js/core/bootstrap.min.js") }}"></script>
-        <script src="{{ asset("assets/js/plugins/perfect-scrollbar.min.js") }}"></script>
-        <script src="{{ asset("assets/js/plugins/smooth-scrollbar.min.js") }}"></script>
-
-        <!-- jQuery -->
-        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-
-        <script>
-            var win = navigator.platform.indexOf('Win') > -1;
-            if (win && document.querySelector('#sidenav-scrollbar')) {
-                var options = {
-                    damping: '0.5',
-                };
-                Scrollbar.init(
-                    document.querySelector('#sidenav-scrollbar'),
-                    options,
-                );
+    <!-- jQuery -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
+    <script>
+        var win = navigator.platform.indexOf('Win') > -1;
+        if (win && document.querySelector('#sidenav-scrollbar')) {
+            var options = {
+                damping: '0.5',
+            };
+            Scrollbar.init(
+                document.querySelector('#sidenav-scrollbar'),
+                options,
+            );
+        }
+    </script>
+
+    <!-- Github buttons -->
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+    <!-- Control Center for Soft Dashboard: parallax effects, scripts for the example pages etc -->
+
+    <script src="{{ asset("assets/js/argon-dashboard.js") }}"></script>
+    <script src="{{ asset("resources/js/app.js") }}" defer></script>
+    @stack("js")
+
+    <script src="{{ asset("/pwabuilder-sw.js") }}"></script>
+    <script>
+        if ('serviceWorker' in navigator) {
+            // Register a service worker hosted at the root of the
+            // site using the default scope.
+            navigator.serviceWorker.register('/pwabuilder-sw.js').then(
+                (registration) => {
+                    console.log(
+                        'Service worker registration succeeded:',
+                        registration,
+                    );
+                },
+                (error) => {
+                    console.error(
+                        `Service worker registration failed: ${error}`,
+                    );
+                },
+            );
+        } else {
+            console.error('Service workers are not supported.');
+        }
+    </script>
+
+    <div
+        class="toast-container position-fixed bottom-0 start-50 translate-middle-x p-3"
+        style="z-index: 9999">
+        <div
+            id="liveToast"
+            class="toast"
+            role="alert"
+            aria-live="assertive"
+            aria-atomic="true">
+            <div class="toast-header">
+                <strong class="me-auto">Bootstrap</strong>
+                <small class="toast-time"></small>
+                <button
+                    type="button"
+                    class="btn-close"
+                    data-bs-dismiss="toast"
+                    aria-label="Close"></button>
+            </div>
+            <div class="toast-body"></div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const toastContainer = document.querySelector('.toast-container');
+            const toastElement = toastContainer.querySelector('.toast');
+            const toastBody = toastElement.querySelector('.toast-body');
+            const toastTime = toastElement.querySelector('.toast-time');
+
+            function showToast(message, type) {
+                toastBody.innerText = message;
+                toastElement.querySelector('.toast-header strong').innerText = type;
+                const toast = new bootstrap.Toast(toastElement);
+                toast.show();
             }
-        </script>
-
-        <!-- Github buttons -->
-        <script async defer src="https://buttons.github.io/buttons.js"></script>
-        <!-- Control Center for Soft Dashboard: parallax effects, scripts for the example pages etc -->
-
-        <script src="{{ asset("assets/js/argon-dashboard.js") }}"></script>
-        <script src="{{ asset("resources/js/app.js") }}" defer></script>
-        @stack("js")
-
-        <script src="{{ asset("/pwabuilder-sw.js") }}"></script>
-        <script>
-            if ('serviceWorker' in navigator) {
-                // Register a service worker hosted at the root of the
-                // site using the default scope.
-                navigator.serviceWorker.register('/pwabuilder-sw.js').then(
-                    (registration) => {
-                        console.log(
-                            'Service worker registration succeeded:',
-                            registration,
-                        );
-                    },
-                    (error) => {
-                        console.error(
-                            `Service worker registration failed: ${error}`,
-                        );
-                    },
-                );
+
+            // Check if there's an error or success flash message
+            const errorMessage = "{{ session('error') }}";
+            const successMessage = "{{ session('success') }}";
+
+            if (errorMessage) {
+                showToast(errorMessage, 'Error');
+            } else if (successMessage) {
+                showToast(successMessage, 'Success');
             } else {
-                console.error('Service workers are not supported.');
+                // Check for validation errors
+                @if($errors -> any())
+                const validationErrors = @json($errors -> all());
+                showToast(validationErrors.join(' '), 'Error');
+                @endif
             }
-        </script>
 
-        <div
-            class="toast-container position-fixed bottom-0 start-50 translate-middle-x p-3"
-            style="z-index: 9999"
-        >
-            <div
-                id="liveToast"
-                class="toast"
-                role="alert"
-                aria-live="assertive"
-                aria-atomic="true"
-            >
-                <div class="toast-header">
-                    <strong class="me-auto">Bootstrap</strong>
-                    <small class="toast-time"></small>
-                    <button
-                        type="button"
-                        class="btn-close"
-                        data-bs-dismiss="toast"
-                        aria-label="Close"
-                    ></button>
-                </div>
-                <div class="toast-body"></div>
-            </div>
+        });
+    </script>
+
+
+
+    {{-- Search input js logic --}}
+    <script src="{{ asset("assets/js/utils.js") }}"></script>
+    <script src="https://maps.googleapis.com/maps/api/js?key={{ env("GOOGLE_API_KEY") }}&libraries=places"></script>
+    <script src="{{ asset("assets/js/cep_autocomplete.js") }}"></script>
+    @stack("scripts")
+    @livewireScripts
+
+
+        @auth
+    <script>
+        const usuarioLogado = @json(Auth::user()->name);
+    </script>
+    @endauth
+
+
+
+    @auth
+    <!-- CHAT flutuante -->
+    <div id="chat-container" style="position:fixed; bottom:0; right:15px; width:300px; z-index:9999;">
+        <div id="chat-header" style="background:#007bff;color:#fff;padding:8px;cursor:pointer;">
+            Chat do Projeto
+            <span id="chat-notif" style="float:right;background:red;padding:2px 5px;border-radius:10px;display:none;">!</span>
         </div>
-        <script>
-            document.addEventListener('DOMContentLoaded', function() {
-                const toastContainer = document.querySelector('.toast-container');
-                const toastElement = toastContainer.querySelector('.toast');
-                const toastBody = toastElement.querySelector('.toast-body');
-                const toastTime = toastElement.querySelector('.toast-time');
-
-                function decodeHtmlEntities(str) {
-                    if (!str) return '';
-                    const temp = document.createElement('textarea');
-                    temp.innerHTML = str;
-                    return temp.value;
-                }
+        <div id="chat-body" style="border:1px solid #ccc;background:#fff;height:250px;overflow:auto;display:none;padding:10px;">
+            <div id="chat-messages" style="height:150px; overflow-y: auto;"></div>
+            <textarea id="chat-input" placeholder="Digite sua mensagem..." style="width:100%;height:50px;"></textarea>
+            <button id="chat-send" style="width:100%;margin-top:5px;">Enviar</button>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            let chatOpen = false;
+
+            const chatHeader = document.getElementById('chat-header');
+            const chatBody = document.getElementById('chat-body');
+            const chatNotif = document.getElementById('chat-notif');
+            const chatSend = document.getElementById('chat-send');
+            const chatInput = document.getElementById('chat-input');
+            const chatMessages = document.getElementById('chat-messages');
 
-                function showToast(message, type) {
-                    const decodedMessage = decodeHtmlEntities(message);
-                    toastBody.innerText = decodedMessage;
-                    toastElement.querySelector('.toast-header strong').innerText = type;
-                    const toast = new bootstrap.Toast(toastElement);
-                    toast.show();
+            const projetoId = {{ $projeto_id ?? 1 }};
+            const usuarioLogado = {@json(Auth::user()->name)};
+
+
+            chatHeader.addEventListener('click', function() {
+                chatOpen = !chatOpen;
+                chatBody.style.display = chatOpen ? 'block' : 'none';
+                if (chatOpen) {
+                    chatNotif.style.display = 'none';
+                    carregarMensagens();
                 }
+            });
 
-                // Check if there's an error or success flash message
-                const errorMessage = "{{ session('error') }}";
-                const successMessage = "{{ session('success') }}";
+            function carregarMensagens() {
+                fetch(`/chat/${projetoId}/messages`)
+                    .then(resp => resp.json())
+                    .then(data => {
+                        chatMessages.innerHTML = '';
+                        data.forEach(msg => {
+                            chatMessages.innerHTML += `<div><strong>${msg.usuario}</strong>: ${msg.mensagem}</div>`;
+                        });
+                        chatMessages.scrollTop = chatMessages.scrollHeight;
+                    })
+                    .catch(err => console.error("Erro ao carregar mensagens:", err));
+            }
+
+            chatSend.addEventListener('click', function() {
+                const mensagem = chatInput.value.trim();
+                if (!mensagem) return;
+
+                fetch(`/chat/${projetoId}/messages`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            'X-CSRF-TOKEN': '{{ csrf_token() }}'
+                        },
+                        body: JSON.stringify({
+                            usuario: usuarioLogado,
+                            mensagem: mensagem
+                        })
+                    })
+                    .then(() => {
+                        chatInput.value = '';
+                        carregarMensagens();
+                    })
+                    .catch(err => console.error("Erro ao enviar mensagem:", err));
+            });
 
-                if (errorMessage) {
-                    showToast(errorMessage, 'Error');
-                } else if (successMessage) {
-                    showToast(successMessage, 'Success');
+            // Carregar mensagens inicialmente
+            carregarMensagens();
+
+            // Atualização periódica e notificação
+            setInterval(() => {
+                if (!chatOpen) {
+                    fetch(`/chat/${projetoId}/messages`)
+                        .then(resp => resp.json())
+                        .then(data => {
+                            if (data.length > 0) {
+                                chatNotif.style.display = 'inline';
+                            }
+                        });
                 } else {
-                    // Check for validation errors
-                    @if ($errors->any())
-                        const validationErrors = @json($errors->all());
-                        showToast(validationErrors.join(' '), 'Error');
-                    @endif
+                    carregarMensagens();
                 }
-            });
-        </script>
+            }, 5000);
+        });
+    </script>
+    @endauth
 
 
+</body>
 
-        {{-- Search input js logic --}}
-        <script src="{{ asset("assets/js/utils.js") }}"></script>
-        {{-- <script src="https://maps.googleapis.com/maps/api/js?key={{ env("GOOGLE_API_KEY") }}&libraries=places"></script> --}}
-        <script src="{{ asset("assets/js/cep_autocomplete.js") }}"></script>
-        @stack("scripts")
-        @livewireScripts
-    </body>
 </html>
+
diff --git a/routes/web.php b/routes/web.php
index bcb60ecfd..62740bfa6 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -38,6 +38,7 @@
 use App\Livewire\Planning\Databases\DatabaseManager;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\ChatController;
 
 //analisar esta 2 próximas linhas
 use App\Livewire\Planning\Databases\Databases;
@@ -58,6 +59,10 @@
 |
 */
 
+Route::get('/chat/{projeto_id}', [ChatController::class, 'index']);
+Route::get('/chat/{projeto_id}/messages', [ChatController::class, 'fetchMessages']);
+Route::post('/chat/{projeto_id}/messages', [ChatController::class, 'sendMessage']);
+
 Route::middleware(Localization::class)->get('/', function () {
     return view('welcome');
 });