feat(client) add clear button in history

client/src/App.tsx

@@ -176,6 +176,7 @@ const App = () => {
     completionsSupported,
     connect: connectMcpServer,
     disconnect: disconnectMcpServer,
+    setRequestHistory,
   } = useConnection({
     transportType,
     command,
@@ -934,6 +935,7 @@ const App = () => {
             <HistoryAndNotifications
               requestHistory={requestHistory}
               serverNotifications={notifications}
+              onClearHistory={() => setRequestHistory([])}
             />
           </div>
         </div>

client/src/components/History.tsx

@@ -5,9 +5,11 @@ import JsonView from "./JsonView";
 const HistoryAndNotifications = ({
   requestHistory,
   serverNotifications,
+  onClearHistory,
 }: {
   requestHistory: Array<{ request: string; response?: string }>;
   serverNotifications: ServerNotification[];
+  onClearHistory?: () => void;
 }) => {
   const [expandedRequests, setExpandedRequests] = useState<{
     [key: number]: boolean;
@@ -28,6 +30,12 @@ const HistoryAndNotifications = ({
     <div className="bg-card overflow-hidden flex h-full">
       <div className="flex-1 overflow-y-auto p-4 border-r">
         <h2 className="text-lg font-semibold mb-4">History</h2>
+        <button
+          className="mb-4 px-3 py-1 bg-gray-800 text-white rounded hover:bg-gray-900 transition-colors"
+          onClick={onClearHistory}
+        >
+          Clear History
+        </button>
         {requestHistory.length === 0 ? (
           <p className="text-sm text-gray-500 dark:text-gray-400 italic">
             No history yet

client/src/lib/hooks/useConnection.ts

@@ -555,5 +555,6 @@ export function useConnection({
     completionsSupported,
     connect,
     disconnect,
+    setRequestHistory,
   };
 }