From d2c7facfd94fa5ff2dce72bc7f8901516782fccf Mon Sep 17 00:00:00 2001
From: xmanrui <841206367@qq.com>
Date: Thu, 19 Feb 2026 02:11:22 +0800
Subject: [PATCH] fix: resolve nested anchor hydration error by using
 div+onClick for AgentCard

---
 app/page.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index e0d5473..56ab132 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -91,11 +91,9 @@ function AgentCard({ agent, gatewayPort, gatewayToken }: { agent: Agent; gateway
   if (gatewayToken) sessionUrl += `&token=${encodeURIComponent(gatewayToken)}`;
 
   return (
-    <a
-      href={sessionUrl}
-      target="_blank"
-      rel="noopener noreferrer"
-      className="block rounded-xl border border-[var(--border)] bg-[var(--card)] p-5 hover:border-[var(--accent)] transition-colors cursor-pointer"
+    <div
+      onClick={() => window.open(sessionUrl, "_blank")}
+      className="rounded-xl border border-[var(--border)] bg-[var(--card)] p-5 hover:border-[var(--accent)] transition-colors cursor-pointer"
     >
       <div className="flex items-center gap-3 mb-3">
         <span className="text-3xl">{agent.emoji}</span>
@@ -131,7 +129,7 @@ function AgentCard({ agent, gatewayPort, gatewayToken }: { agent: Agent; gateway
           </div>
         )}
       </div>
-    </a>
+    </div>
   );
 }