Initial commit

2026-06-22 16:40:24 +02:00
commit ad127156ff
78 changed files with 13478 additions and 0 deletions
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="fr" class="dark">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Gérer le Chatbot - {{ $chatbot->name }}</title>
+    
+    <!-- Google Fonts -->
+    <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=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    
+    <!-- Tailwind CSS CDN -->
+    <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
+    <script>
+        tailwind.config = {
+            darkMode: 'class',
+            theme: {
+                extend: {
+                    fontFamily: {
+                        sans: ['Outfit', 'sans-serif'],
+                    },
+                }
+            }
+        }
+    </script>
+    
+    @livewireStyles
+    
+    <style>
+        body {
+            font-family: 'Outfit', sans-serif;
+            background-color: #020617;
+        }
+        /* Custom scrollbar styling */
+        ::-webkit-scrollbar {
+            width: 8px;
+        }
+        ::-webkit-scrollbar-track {
+            background: #020617;
+        }
+        ::-webkit-scrollbar-thumb {
+            background: #1e293b;
+            border-radius: 9999px;
+        }
+        ::-webkit-scrollbar-thumb:hover {
+            background: #334155;
+        }
+    </style>
+</head>
+<body class="text-slate-100 min-h-screen relative overflow-x-hidden selection:bg-cyan-500/30 selection:text-cyan-200">
+
+    <!-- Decorative background glows -->
+    <div class="absolute top-[-10%] left-[-10%] w-[50%] h-[50%] rounded-full bg-cyan-900/10 blur-[120px] pointer-events-none"></div>
+    <div class="absolute bottom-[-10%] right-[-10%] w-[50%] h-[50%] rounded-full bg-indigo-900/10 blur-[120px] pointer-events-none"></div>
+
+    <div class="max-w-7xl mx-auto px-4 py-8 relative z-10">
+        
+        <!-- Header -->
+        <header class="flex flex-col md:flex-row justify-between items-center gap-4 mb-12 border-b border-slate-900 pb-8">
+            <div class="text-center md:text-left">
+                <div class="flex items-center justify-center md:justify-start gap-2">
+                    <a href="{{ url('/') }}" class="text-xs text-slate-500 hover:text-slate-300 flex items-center gap-1 transition">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+                        </svg>
+                        Retour à la console
+                    </a>
+                    <span class="text-slate-700 text-xs">•</span>
+                    <span class="px-2 py-0.5 bg-slate-900 border border-slate-800 rounded-full text-[10px] font-bold text-slate-400">
+                        ID: {{ $chatbot->id }}
+                    </span>
+                </div>
+                <h1 class="text-3xl font-extrabold tracking-tight mt-3 bg-clip-text text-transparent bg-gradient-to-r from-white via-slate-100 to-slate-400">
+                    Configuration : {{ $chatbot->name }}
+                </h1>
+                <p class="text-slate-400 text-sm mt-2 max-w-xl">
+                    Configurez le prompt, indexez des documents et testez le chatbot de votre client en temps réel.
+                </p>
+            </div>
+            
+            <div class="flex items-center gap-3">
+                <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-emerald-400/10 text-emerald-400 border border-emerald-500/20">
+                    <span class="w-1.5 h-1.5 mr-1.5 rounded-full bg-emerald-400 animate-ping"></span>
+                    Actif
+                </span>
+            </div>
+        </header>
+
+        <!-- Main Content Grid -->
+        <main class="grid grid-cols-1 lg:grid-cols-12 gap-8">
+            
+            <!-- Left Panel: Administration (Ingestion & Prompt) -->
+            <section class="lg:col-span-5">
+                <livewire:admin-dashboard :chatbot="$chatbot" />
+            </section>
+
+            <!-- Right Panel: Chatbot Simulator -->
+            <section class="lg:col-span-7 h-[650px]">
+                <livewire:chatbot :chatbot="$chatbot" />
+            </section>
+
+        </main>
+
+        <!-- Footer -->
+        <footer class="mt-20 border-t border-slate-900 pt-8 text-center text-xs text-slate-500">
+            <p>© {{ date('Y') }} Chatbot AGGLO. Panel client indépendant.</p>
+        </footer>
+
+    </div>
+
+    @livewireScripts
+</body>
+</html>