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/styles/utilities.css

@@ -272,38 +272,65 @@ a.nav-item,
 
 /* Session Navigation */
 .session-item {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	padding-left: var(--space-2);
+}
+
+.session-icon-wrap {
 	position: relative;
-	padding-left: var(--space-6);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 1.25rem;
+	height: 1.25rem;
+	flex-shrink: 0;
+	align-self: flex-start;
+}
+
+.session-icon-wrap .icon {
+	margin-right: 0;
 }
 
 .session-status {
 	position: absolute;
-	left: var(--space-2);
-	top: 50%;
-	transform: translateY(-50%);
+	top: -2px;
+	right: -3px;
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
 	background: var(--muted);
+	border: 2px solid var(--panel);
 }
 
 .session-status.running {
 	background: var(--success);
 }
 
-.session-name {
+.session-meta {
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+	flex: 1;
+	line-height: 1.25;
+}
+
+.session-workspace,
+.session-context {
+	font-size: var(--font-size-xs);
+	color: var(--muted);
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
-	max-width: 140px;
 }
 
-.session-tool {
-	font-size: 10px;
-	color: var(--muted);
-	margin-left: 4px;
-	text-transform: uppercase;
-	letter-spacing: 0.03em;
+.session-display-name {
+	font-weight: 500;
+	color: var(--ink);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 .nav-divider {