move summarize button to action bar

src/app/page.tsx

@@ -230,6 +230,7 @@ export default function HomePage() {
       {/* AI Toolbar */}
       <div className="flex flex-row gap-4 mb-4 items-start">
         {session?.user && (
+          <>
             <div className='w-full'>
               <Textarea
                 className="wrap-anywhere min-h-12"
@@ -238,17 +239,13 @@ export default function HomePage() {
                 onChange={e => setAiPrompt(e.target.value)}
               />
             </div>
-        )}
             <div className='flex flex-row gap-2 pt-1.5'>
-          {session?.user && (
               <Button onClick={handleAiCreate} disabled={aiLoading}>
                 {aiLoading ? 'Thinking...' : 'AI Create'}
               </Button>
-          )}
-          <Button variant="secondary" onClick={handleAiSummarize} disabled={aiLoading}>
-            {aiLoading ? 'Summarizing...' : 'AI Summarize'}
-          </Button>
             </div>
+          </>
+        )}
       </div>
 
       {/* Summary Panel */}
@@ -273,6 +270,9 @@ export default function HomePage() {
             <Button variant="destructive" onClick={handleClearAll}>Clear All</Button>
           </>
         )}
+        <Button variant="secondary" onClick={handleAiSummarize} disabled={aiLoading}>
+          {aiLoading ? 'Summarizing...' : 'AI Summarize'}
+        </Button>
       </div>
 
       {/* Event List */}