From ee139a4be865ee15abfd22d16f3dc986ac691cf0 Mon Sep 17 00:00:00 2001
From: thierryverse <thierryuniverse@gmail.com>
Date: Mon, 27 Oct 2025 22:31:58 +0200
Subject: [PATCH] fix hydration issue in podcast config modal

---
 .../components/chat/ChatPanel/ChatPanelView.tsx    | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/surfsense_web/components/chat/ChatPanel/ChatPanelView.tsx b/surfsense_web/components/chat/ChatPanel/ChatPanelView.tsx
index cc86c82c4..868080dbd 100644
--- a/surfsense_web/components/chat/ChatPanel/ChatPanelView.tsx
+++ b/surfsense_web/components/chat/ChatPanel/ChatPanelView.tsx
@@ -64,10 +64,16 @@ export function ChatPanelView(props: ChatPanelViewProps) {
 							</div>
 						)}
 
-						{/* Generate/Regenerate button */}
-						<button
-							type="button"
+						<div
+							role="button"
+							tabIndex={0}
 							onClick={handleGeneratePost}
+							onKeyDown={(e) => {
+								if (e.key === "Enter" || e.key === " ") {
+									e.preventDefault();
+									handleGeneratePost();
+								}
+							}}
 							className={cn(
 								"w-full space-y-3 rounded-xl p-3 transition-colors",
 								podcastIsStale
@@ -86,7 +92,7 @@ export function ChatPanelView(props: ChatPanelViewProps) {
 							<p className="text-sm font-medium text-left">
 								{podcastIsStale ? "Regenerate Podcast" : "Generate Podcast"}
 							</p>
-						</button>
+						</div>
 					</div>
 				) : (
 					<button