Убери вообще вкладку Task Management и хотелось бы побольше адаптации для телефонов - Follow Up Deployment

index.html

@@ -24,17 +24,48 @@
         /* Mobile-first responsive styles */
         @media (max-width: 640px) {
             .container {
-                padding-left: 1rem;
-                padding-right: 1rem;
+                padding-left: 0.5rem;
+                padding-right: 0.5rem;
+            }
+            header .container {
+                flex-direction: column;
+                gap: 1rem;
+                padding: 1rem;
             }
             .bg-gray-800 {
+                padding: 0.75rem;
+            }
+            #chatContainer, #consoleOutput {
+                height: 250px;
+                font-size: 0.9rem;
+            }
+            .chat-bubble-ai, .chat-bubble-user {
+                max-width: 85%;
+                font-size: 0.9rem;
+            }
+            .tab-btn {
+                padding: 0.5rem;
+                font-size: 0.8rem;
+            }
+            .tab-btn i {
+                margin-right: 0.25rem;
+            }
+            main {
+                padding-top: 1rem;
+                padding-bottom: 1rem;
+            }
+            footer {
                 padding: 1rem;
+                font-size: 0.8rem;
             }
+        }
+
+        @media (max-width: 400px) {
             #chatContainer, #consoleOutput {
-                height: 300px;
+                height: 200px;
             }
             .chat-bubble-ai, .chat-bubble-user {
-                max-width: 90%;
+                max-width: 80%;
             }
         }
 
@@ -118,10 +149,7 @@
             </div>
             <div class="flex items-center space-x-2">
                 <nav class="flex space-x-1 bg-gray-700 p-1 rounded-lg overflow-x-auto whitespace-nowrap">
-                    <button data-tab="tasks" class="tab-btn px-3 sm:px-4 py-2 rounded-md transition hover:bg-gray-600 active-tab">
-                        <i class="fas fa-tasks mr-1 sm:mr-2"></i><span class="hidden sm:inline">Tasks</span>
-                    </button>
-                    <button data-tab="chat" class="tab-btn px-3 sm:px-4 py-2 rounded-md transition hover:bg-gray-600">
+                    <button data-tab="chat" class="tab-btn px-3 sm:px-4 py-2 rounded-md transition hover:bg-gray-600 active-tab">
                         <i class="fas fa-comments mr-1 sm:mr-2"></i><span class="hidden sm:inline">Chat</span>
                     </button>
                     <button data-tab="console" class="tab-btn px-3 sm:px-4 py-2 rounded-md transition hover:bg-gray-600">
@@ -144,29 +172,7 @@
     <!-- Main Content -->
     <main class="container mx-auto px-4 py-8">
         <!-- Tab Content -->
-        <div id="tasks-tab" class="tab-content active-tab">
-            <div class="bg-gray-800 rounded-xl p-6 shadow-lg">
-                    <h2 class="text-xl font-bold mb-4 flex items-center">
-                        <i class="fas fa-tasks mr-2 text-indigo-400"></i> Task Management
-                    </h2>
-                    <div class="flex mb-4">
-                        <input type="text" id="taskInput" placeholder="Enter new task..." class="flex-grow bg-gray-700 text-white rounded-l-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
-                        <button id="addTaskBtn" class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-r-lg transition">
-                            <i class="fas fa-plus"></i>
-                        </button>
-                    </div>
-                    
-                    <div class="mt-6">
-                        <h3 class="font-semibold mb-2 text-gray-300">Active Tasks</h3>
-                        <div id="taskList" class="space-y-3">
-                            <!-- Tasks will be added here -->
-                        </div>
-                    </div>
-                </div>
-                
-            </div>
-
-        <div id="chat-tab" class="tab-content hidden">
+        <div id="chat-tab" class="tab-content active-tab">
             <div class="grid grid-cols-1 gap-8">
                 <!-- Chat Interface -->
                 <div class="bg-gray-800 rounded-xl p-6 shadow-lg">
@@ -269,63 +275,6 @@
     </footer>
 
     <script>
-        // Task management
-        const taskInput = document.getElementById('taskInput');
-        const addTaskBtn = document.getElementById('addTaskBtn');
-        const taskList = document.getElementById('taskList');
-        
-        addTaskBtn.addEventListener('click', addTask);
-        taskInput.addEventListener('keypress', (e) => {
-            if (e.key === 'Enter') addTask();
-        });
-        
-        function addTask() {
-            const taskText = taskInput.value.trim();
-            if (taskText) {
-                const taskId = Date.now();
-                const taskItem = document.createElement('div');
-                taskItem.className = 'task-item bg-gray-700 rounded-lg p-3 flex items-center justify-between';
-                taskItem.innerHTML = `
-                    <div class="flex items-center">
-                        <div class="w-4 h-4 rounded-full border-2 border-indigo-400 mr-3"></div>
-                        <span>${taskText}</span>
-                    </div>
-                    <div class="flex space-x-2">
-                        <button class="text-gray-400 hover:text-green-400 transition" onclick="completeTask(${taskId})">
-                            <i class="fas fa-check"></i>
-                        </button>
-                        <button class="text-gray-400 hover:text-red-400 transition" onclick="deleteTask(${taskId})">
-                            <i class="fas fa-trash"></i>
-                        </button>
-                    </div>
-                `;
-                taskList.appendChild(taskItem);
-                taskInput.value = '';
-                
-                // Simulate AI response to new task
-                simulateAIResponse(`Task added: "${taskText}"`);
-                addConsoleOutput(`agent --task "${taskText}"`);
-            }
-        }
-        
-        function completeTask(id) {
-            const task = document.querySelector(`.task-item`);
-            if (task) {
-                task.classList.add('opacity-50');
-                task.querySelector('span').classList.add('line-through', 'text-gray-500');
-                simulateAIResponse('Task marked as completed!');
-            }
-        }
-        
-        function deleteTask(id) {
-            const task = document.querySelector(`.task-item`);
-            if (task) {
-                task.classList.add('opacity-0', 'h-0', 'py-0', 'mb-0');
-                setTimeout(() => task.remove(), 300);
-                simulateAIResponse('Task removed successfully.');
-            }
-        }
-        
         // Chat functionality
         const messageInput = document.getElementById('messageInput');
         const sendMessageBtn = document.getElementById('sendMessageBtn');