From 9ac66359976cb094b280455f12af3eb3b8d863e1 Mon Sep 17 00:00:00 2001
From: "Kaapi-Agent [Bot]" <4937976+Kaapi-Agent [Bot]@users.noreply.github.com>
Date: Tue, 15 Sep 2026 05:04:01 +0000
Subject: [PATCH] fix: use primary Button component for New chat action

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 app/(main)/chat/page.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/app/(main)/chat/page.tsx b/app/(main)/chat/page.tsx
index bda16348..fd12a2f3 100644
--- a/app/(main)/chat/page.tsx
+++ b/app/(main)/chat/page.tsx
@@ -7,6 +7,7 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import Sidebar from "@/app/components/Sidebar";
 import PageHeader from "@/app/components/PageHeader";
+import Button from "@/app/components/ui/Button";
 import { useApp } from "@/app/lib/context/AppContext";
 import { useAuth } from "@/app/lib/context/AuthContext";
 import { useToast } from "@/app/hooks/useToast";
@@ -461,13 +462,9 @@ export default function ChatPage() {
             subtitle="Ask anything - answers come from your selected configuration"
             actions={
               hasConversation ? (
-                <button
-                  type="button"
-                  onClick={handleNewChat}
-                  className="px-3 py-1.5 rounded-full text-xs font-medium border border-border bg-bg-primary text-text-primary hover:bg-neutral-50 transition-colors cursor-pointer"
-                >
+                <Button onClick={handleNewChat} size="sm">
                   New chat
-                </button>
+                </Button>
               ) : null
             }
           />