feat(web): redesign navbar live session items for scanability

Restructure live session nav entries into a 3-line layout:
- workspace/repository context on top
- session display name in the middle
- tool type and project on the bottom

Tool icon now has a status-dot badge, and the tooltip lists
display name, tool, project, context, and status.

apps/web/src/components/app-shell.tsx

@@ -46,9 +46,13 @@ const SessionItem = ({ session }: { session: Session }) => {
 				? `/instances/${session.id}/terminal`
 				: `/projects/${session.project_id}`;
 
-	const tooltipParts = [session.display_name, session.project_name];
-	if (session.workspace_name) tooltipParts.push(session.workspace_name);
-	else if (session.repository_name) tooltipParts.push(session.repository_name);
+	const contextName = session.workspace_name || session.repository_name;
+	const tooltipParts = [
+		session.display_name,
+		session.tool_type_name,
+		session.project_name,
+	];
+	if (contextName) tooltipParts.push(contextName);
 	tooltipParts.push(`(${session.status})`);
 
 	return (
@@ -57,13 +61,20 @@ const SessionItem = ({ session }: { session: Session }) => {
 			target={`session-${session.id}`}
 			rel="noreferrer"
 			className="nav-item session-item"
-			title={tooltipParts.join(" ")}
+			title={tooltipParts.join(" · ")}
 		>
-			<span className={`session-status ${isRunning ? "running" : ""}`} />
-			<Icon name={session.tool_icon as IconName} size="sm" />
-			<span className="session-name">
-				{session.display_name}
-				<span className="session-tool">{session.tool_type_name}</span>
+			<span className="session-icon-wrap">
+				<Icon name={session.tool_icon as IconName} size="sm" />
+				<span className={`session-status ${isRunning ? "running" : ""}`} />
+			</span>
+			<span className="session-meta">
+				{contextName && (
+					<span className="session-workspace">{contextName}</span>
+				)}
+				<span className="session-display-name">{session.display_name}</span>
+				<span className="session-context">
+					{session.tool_type_name} · {session.project_name}
+				</span>
 			</span>
 		</a>
 	);