From 67bb07768733cfe8cdbfdee9e8d50fc2bee9e662 Mon Sep 17 00:00:00 2001
From: Mannu <manohar6839@gmail.com>
Date: Mon, 11 May 2026 09:21:19 +0530
Subject: [PATCH] Fix AI page header layout

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/app/ai/page.tsx | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/app/ai/page.tsx b/src/app/ai/page.tsx
index 6c8ab76..e9e952f 100644
--- a/src/app/ai/page.tsx
+++ b/src/app/ai/page.tsx
@@ -168,22 +168,14 @@ export default function AIChatPage() {
         </div>
       )}
 
-      {/* Header - same pattern as other pages */}
-      <div className="p-4 flex items-center justify-between">
-        <div className="flex items-center gap-4">
-          <a href="/menu" className="p-2 dark:text-white">←</a>
-          <h1 className="text-xl font-bold dark:text-white">AI Chat</h1>
-        </div>
-        <button onClick={() => setSidebarOpen(!sidebarOpen)} className="p-2 bg-white dark:bg-gray-800 rounded-lg dark:text-white">
-          ☰
-        </button>
-      </div>
-
-      {/* Sidebar */}
+      {/* Sidebar - sessions list on left */}
       <div className={`${sidebarOpen ? "w-64" : "w-0"} overflow-hidden transition-all`}>
         <div className="w-64 p-4 border-r bg-white dark:bg-gray-800 h-full overflow-y-auto">
           <div className="flex justify-between items-center mb-4">
-            <h1 className="font-bold dark:text-white">Chats</h1>
+            <div className="flex items-center gap-2">
+              <a href="/menu" className="text-rose-500 dark:text-rose-400">←</a>
+              <h1 className="font-bold dark:text-white">Chats</h1>
+            </div>
             <button onClick={createNewSession} className="text-rose-400">+</button>
           </div>
           <div className="space-y-2">
@@ -222,8 +214,12 @@ export default function AIChatPage() {
 
       {/* Main chat */}
       <div className="flex-1 flex flex-col">
-        <div className="p-4 flex items-center border-b bg-white dark:bg-gray-800">
-          <span className="ml-2 font-medium dark:text-white">{currentSession?.title || "AI Chat"}</span>
+        <div className="p-4 flex items-center justify-between border-b bg-white dark:bg-gray-800">
+          <div className="flex items-center gap-2">
+            <button onClick={() => setSidebarOpen(!sidebarOpen)} className="text-rose-500 dark:text-rose-400">☰</button>
+            <span className="font-medium dark:text-white">{currentSession?.title || "AI Chat"}</span>
+          </div>
+          <a href="/menu" className="text-rose-500 dark:text-rose-400">←</a>
         </div>
 
         <div className="flex-1 overflow-y-auto p-4 space-y-4">