Upload index.html

index.html

@@ -395,11 +395,11 @@
             .chat-container {
                 height: 100vh;
             }
-
+            
             .bubble {
                 max-width: 85%;
             }
-
+            
             .settings-popup {
                 right: 8px;
                 min-width: 260px;
@@ -535,8 +535,7 @@
             userName: 'Kamu',
             situation: 'Santai',
             location: 'Ruang tamu',
-            maxLength: 150,
-            sessionId: 'default_session' // Added session ID
+            maxLength: 150
         };
 
         // Emoji list
@@ -593,7 +592,7 @@
             // Settings inputs
             document.getElementById('charNameInput').addEventListener('input', updateCharName);
             document.getElementById('maxLengthRange').addEventListener('input', updateMaxLength);
-
+            
             // Model select
             document.getElementById('modelSelect').addEventListener('change', function() {
                 currentSettings.model = this.value;
@@ -657,11 +656,11 @@
             const start = input.selectionStart;
             const end = input.selectionEnd;
             const text = input.value;
-
+            
             input.value = text.substring(0, start) + emoji + text.substring(end);
             input.selectionStart = input.selectionEnd = start + emoji.length;
             input.focus();
-
+            
             document.getElementById('emojiPicker').classList.remove('show');
         }
 
@@ -677,10 +676,10 @@
             const chatBody = document.getElementById('chatBody');
             const messageDiv = document.createElement('div');
             messageDiv.className = `message ${isUser ? 'user' : 'char'}`;
-
+            
             const time = showTime ? getCurrentTime() : '';
             const checkmarks = isUser ? '<span class="checkmarks">✓✓</span>' : '';
-
+            
             messageDiv.innerHTML = `
                 <div class="message-avatar"></div>
                 <div class="bubble">
@@ -691,7 +690,7 @@
                     </div>
                 </div>
             `;
-
+            
             chatBody.appendChild(messageDiv);
             chatBody.scrollTop = chatBody.scrollHeight;
         }
@@ -699,10 +698,10 @@
         function showTyping() {
             if (isTyping) return;
             isTyping = true;
-
+            
             document.getElementById('status').textContent = 'mengetik...';
             document.getElementById('typingIndicator').classList.add('show');
-
+            
             const chatBody = document.getElementById('chatBody');
             chatBody.scrollTop = chatBody.scrollHeight;
         }
@@ -710,7 +709,7 @@
         function hideTyping() {
             if (!isTyping) return;
             isTyping = false;
-
+            
             document.getElementById('status').textContent = 'online';
             document.getElementById('typingIndicator').classList.remove('show');
         }
@@ -718,32 +717,32 @@
         async function sendMessage() {
             const input = document.getElementById('messageInput');
             const message = input.value.trim();
-
+            
             if (!message) return;
-
+            
             // Update settings from inputs
             currentSettings.charName = document.getElementById('charNameInput').value || 'Sayang';
             currentSettings.userName = document.getElementById('userNameInput').value || 'Kamu';
             currentSettings.situation = document.getElementById('situationInput').value || 'Santai';
             currentSettings.location = document.getElementById('locationInput').value || 'Ruang tamu';
-
+            
             // Add user message
             addMessage(message, true);
             input.value = '';
             input.style.height = 'auto';
-
+            
             // Show typing
             showTyping();
-
+            
             // Disable send button
             const sendBtn = document.getElementById('sendBtn');
             sendBtn.disabled = true;
-
+            
             try {
                 const response = await fetch(`${API_BASE}/chat`, {
                     method: 'POST',
                     headers: {
-                        'Content-Type': 'application/json'
+                        'Content-Type': 'application/json',
                     },
                     body: JSON.stringify({
                         message: message,
@@ -752,43 +751,29 @@
                         location: currentSettings.location,
                         char_name: currentSettings.charName,
                         user_name: currentSettings.userName,
-                        max_length: currentSettings.maxLength,
-                        session_id: currentSettings.sessionId
+                        max_length: currentSettings.maxLength
                     })
                 });
-
+                
                 const data = await response.json();
-
+                
                 // Simulate typing delay
                 await new Promise(resolve => setTimeout(resolve, 1000 + Math.random() * 2000));
-
+                
                 hideTyping();
-
+                
                 if (data.status === 'success') {
-                    addMessage(data.response, 'character');
-
-                    // Update enhanced features if available
-                    if (data.enhanced_features) {
-                        enhancedFeatures = { ...enhancedFeatures, ...data.enhanced_features };
-                        updateEnhancedUI();
-                    }
-
-                    // Update status with enhanced info
-                    const relationshipInfo = data.enhanced_features ? 
-                        ` | Relationship: ${data.enhanced_features.relationship_status} (${data.enhanced_features.relationship_level})` : '';
-
-                    document.getElementById('status').textContent = 
-                        `Model: ${data.model} | Time: ${data.processing_time}${relationshipInfo}`;
+                    addMessage(data.response);
                 } else {
-                    addMessage(data.response || 'Maaf, ada masalah dengan sistem. Coba lagi ya!', 'character');
+                    addMessage('Maaf, ada masalah dengan sistem. Coba lagi ya! 😅');
                 }
-
+                
             } catch (error) {
                 hideTyping();
                 console.error('Error:', error);
                 addMessage('Ups, koneksi bermasalah. Coba lagi nanti ya! 🔄');
             }
-
+            
             // Re-enable send button
             sendBtn.disabled = false;
         }