Ok better but look the buttons should be bottom corner left in the prompt input bar the plus the funnel and the clock the send button should be right up corner and please fix the 3 lines button IT SHOULD BE AN ICON LIKE THE CHATS ICON OR SOMETHING IN LINE WITH THE SYNTRA TEXT PLEASE MAN FIX THIS ASAP and it should fully open and close the input promopt bar

index.html

@@ -57,7 +57,7 @@
     <!-- Left Sidebar -->
     <div id="sidebar" class="w-[240px] h-full bg-[#171617] flex flex-col border-r border-dark-700 transition-all duration-300 ease-in-out">
         <button id="sidebar-toggle" class="ml-2 w-6 h-6 bg-dark-700 rounded-full flex items-center justify-center border border-dark-600 shadow-lg hover:bg-dark-600 transition-colors">
-            <i data-feather="menu" class="w-4 h-4 stroke-gray-400"></i>
+            <i data-feather="align-left" class="w-4 h-4 stroke-gray-400"></i>
         </button>
 <!-- Logo -->
         <div class="flex items-center p-4">
@@ -141,27 +141,28 @@
             <div class="bg-dark-700 rounded-xl p-1.5 shadow-lg">
                 <div class="relative">
                     <p class="text-sm text-gray-400 px-4 pt-3 pb-1">How can I help you today?</p>
-                    <div class="flex px-4 pb-3">
-                        <button class="p-1 text-gray-400 hover:text-gray-300 mr-2">
-                            <i data-feather="plus" class="w-4 h-4 stroke-current"></i>
+                    <div class="absolute left-4 bottom-3 flex items-center space-x-3">
+                        <button class="w-5 h-5 text-gray-400 hover:text-gray-300">
+                            <i data-feather="plus" class="w-full h-full stroke-current"></i>
                         </button>
-                        <button class="p-1 text-gray-400 hover:text-gray-300 mr-2">
-                            <i data-feather="filter" class="w-4 h-4 stroke-current"></i>
+                        <button class="w-5 h-5 text-gray-400 hover:text-gray-300">
+                            <i data-feather="filter" class="w-full h-full stroke-current"></i>
                         </button>
-                        <button class="p-1 text-gray-400 hover:text-gray-300">
-                            <i data-feather="clock" class="w-4 h-4 stroke-current"></i>
+                        <button class="w-5 h-5 text-gray-400 hover:text-gray-300">
+                            <i data-feather="clock" class="w-full h-full stroke-current"></i>
                         </button>
                     </div>
-<input 
+<
+input 
                         type="text" 
                         placeholder="" 
-                        class="w-full bg-dark-700 px-4 pb-3 rounded-xl focus:outline-none"
-                    >
-<div class="absolute right-2 bottom-3 flex items-center space-x-2">
+                        class="w-full bg-dark-700 px-4 pt-3 pb-10 rounded-xl focus:outline-none"
+>
+<div class="absolute right-2 top-3 flex items-center space-x-2">
                         <button class="w-8 h-8 rounded-lg bg-accent-500 flex items-center justify-center hover:bg-accent-600">
                             <i data-feather="arrow-up" class="w-4 h-4 stroke-white"></i>
                         </button>
-                        <div class="flex items-center px-2.5 py-1 rounded-lg hover:bg-dark-600">
+<div class="flex items-center px-2.5 py-1 rounded-lg hover:bg-dark-600">
                             <span class="text-sm text-gray-400">Sonnet 4.5</span>
                             <i data-feather="chevron-down" class="w-4 h-4 stroke-gray-400 ml-1"></i>
                         </div>
@@ -179,19 +180,18 @@
         const sidebar = document.getElementById('sidebar');
         const sidebarToggle = document.getElementById('sidebar-toggle');
         const chevron = sidebarToggle.querySelector('i');
-        
         sidebarToggle.addEventListener('click', () => {
-            sidebar.classList.toggle('w-[280px]');
+            sidebar.classList.toggle('w-[240px]');
             sidebar.classList.toggle('w-0');
             sidebar.classList.toggle('overflow-hidden');
             
-            // Rotate chevron icon
+            // Change icon based on state
             if (sidebar.classList.contains('w-0')) {
-                chevron.setAttribute('data-feather', 'menu');
+                chevron.setAttribute('data-feather', 'align-left');
             } else {
-                chevron.setAttribute('data-feather', 'menu');
-}
-            feather.replace();
+                chevron.setAttribute('data-feather', 'align-right');
+            }
+feather.replace();
         });
 
         // Simple animation for the greeting star