From ab93863ea987f876850cfb7402c55c5ab729d5c7 Mon Sep 17 00:00:00 2001
From: Developer <dev@headquarter.local>
Date: Wed, 17 Jun 2026 09:47:37 +0000
Subject: [PATCH] fix(web/ui): restore nav-item anchor styling for live session
 items

---
 apps/web/src/components/app-shell.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/app-shell.tsx b/apps/web/src/components/app-shell.tsx
index 54afad1..ca997be 100644
--- a/apps/web/src/components/app-shell.tsx
+++ b/apps/web/src/components/app-shell.tsx
@@ -43,10 +43,15 @@ const SessionItem = ({ session }: { session: Session }) => {
 	if (contextName) tooltipParts.push(contextName);
 	tooltipParts.push(`(${session.status})`);
 
+	const handleClick = (event: React.MouseEvent) => {
+		event.preventDefault();
+		openSession(session);
+	};
+
 	return (
-		<button
-			type="button"
-			onClick={() => openSession(session)}
+		<a
+			href="#"
+			onClick={handleClick}
 			className="nav-item session-item"
 			title={tooltipParts.join(" · ")}
 		>
@@ -63,7 +68,7 @@ const SessionItem = ({ session }: { session: Session }) => {
 					{session.tool_type_name} · {session.project_name}
 				</span>
 			</span>
-		</button>
+		</a>
 	);
 };