feat(webui): nav enhancement — Bridge link, Schedules placeholder, proposal badge, in-flight pulse, repo/forge meta

Nav now shows: Bridge link, in-flight count with green pulse (CSS animation keyframe added to style.css), pending proposal count badge (yellow) on Proposals link, repo name + forge host in meta bar, Admin link on right. BridgeData exposes InFlightCount, PendingProposalCount, RepoName, ForgeHost from runtime.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: nextlevelshit

internal/webui/handlers_bridge.go

@@ -13,6 +13,12 @@ import (
 type BridgeData struct {
 	ActivePage string
 
+	// Nav meta (exposed so nav partial can read them)
+	InFlightCount       int
+	PendingProposalCount int
+	RepoName            string
+	ForgeHost           string
+
 	// Hero stats
 	RunningCount    int
 	ImplCount       int // running impl-issue pipelines
@@ -34,9 +40,6 @@ type BridgeData struct {
 	HealthHints     int
 	BudgetWarning   bool
 
-	// Proposals
-	PendingProposalCount int
-
 	// Heatmap (24 cells for last 24h, each 0-4 activity level)
 	Heatmap [24]int
 
@@ -150,25 +153,28 @@ func (s *Server) handleBridge(w http.ResponseWriter, r *http.Request) {
 	}
 
 	data := BridgeData{
-		ActivePage:         "bridge",
-		RunningCount:       runningCount,
-		ImplCount:          implCount,
-		ReviewCount:        reviewCount,
-		CompletedToday:     completedToday,
-		Spend:              "$0.00",   // TODO: wire from run cost tracking when available
-		BudgetCap:          "$10.00",  // TODO: wire from config
-		JudgeAvg:           "—",       // TODO: compute from run verdict aggregates
-		JudgeTrend:         "",        // TODO: compute from 7d trend
-		InFlightStats:      inFlightStats,
-		RunningRuns:        runningRuns,
-		RecentLandings:     recentLandings,
-		OpenWorkItems:      openWorkItems,
-		StaleBranches:      0,         // TODO: wire from forge client
-		HealthHints:        0,         // TODO: wire from health checks
-		BudgetWarning:      false,     // TODO: compare spend vs cap
+		ActivePage:           "bridge",
+		InFlightCount:        runningCount,
 		PendingProposalCount: pendingProposals,
-		Heatmap:            heatmap,
-		ActivityStream:     []ActivityEvent{}, // SSE-powered live stream
+		RepoName:             s.runtime.repoSlug,
+		ForgeHost:            s.runtime.forgeHost,
+		RunningCount:         runningCount,
+		ImplCount:            implCount,
+		ReviewCount:          reviewCount,
+		CompletedToday:       completedToday,
+		Spend:                "$0.00",   // TODO: wire from run cost tracking when available
+		BudgetCap:            "$10.00",  // TODO: wire from config
+		JudgeAvg:             "—",       // TODO: compute from run verdict aggregates
+		JudgeTrend:           "",        // TODO: compute from 7d trend
+		InFlightStats:        inFlightStats,
+		RunningRuns:          runningRuns,
+		RecentLandings:       recentLandings,
+		OpenWorkItems:        openWorkItems,
+		StaleBranches:        0,         // TODO: wire from forge client
+		HealthHints:          0,         // TODO: wire from health checks
+		BudgetWarning:        false,     // TODO: compare spend vs cap
+		Heatmap:              heatmap,
+		ActivityStream:       []ActivityEvent{}, // SSE-powered live stream
 	}
 
 	w.Header().Set("Content-Type", "text/html; charset=utf-8")

internal/webui/static/style.css

@@ -3850,3 +3850,8 @@ pre.w-diff-block {
 .w-empty svg { width: 40px; height: 40px; margin: 0 auto 12px; opacity: 0.4; }
 .w-empty h3 { font-size: 15px; font-weight: 500; margin: 0 0 4px; color: var(--color-text); }
 .w-empty p { font-size: 13px; margin: 0; max-width: 400px; margin-left: auto; margin-right: auto; }
+
+/* Bridge — pulsing indicator for in-flight count */
+@keyframes bridge-pulse { 0% { box-shadow: 0 0 0 0 rgba(63, 185, 80, 0.6); } 100% { box-shadow: 0 0 0 8px rgba(63, 185, 80, 0); } }
+
+.bridge-pulse { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--color-success, #3fb950); vertical-align: middle; margin-right: 4px; animation: bridge-pulse 1.6s infinite; }

internal/webui/templates/partials/nav_main.html

@@ -8,6 +8,10 @@
     Wave
   </a>
   <div class="w-nav-links">
+    <a href="/"{{if eq .ActivePage "bridge"}} class="active"{{end}}>
+      <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
+      Bridge
+    </a>
     <a href="/work"{{if eq .ActivePage "work"}} class="active"{{end}}>
       <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
       Work
@@ -22,7 +26,7 @@
     </a>
     <a href="/proposals"{{if eq .ActivePage "proposals"}} class="active"{{end}}>
       <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
-      Proposals
+      Proposals{{if gt .PendingProposalCount 0}}<span style="font-size: 10px; padding: 1px 6px; background: #d29922; color: #0d1117; border-radius: 10px; margin-left: 4px;">{{.PendingProposalCount}}</span>{{end}}
     </a>
     <a href="/issues"{{if eq .ActivePage "issues"}} class="active"{{end}}>
       <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
@@ -36,10 +40,17 @@
       <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
       Onboard
     </a>
-    <a href="/health" style="margin-left: auto;"{{if eq .ActivePage "health"}} class="active"{{end}}>
-      <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
-      Health
+    <a href="/admin"{{if eq .ActivePage "admin"}} class="active"{{end}} style="margin-left: auto;">
+      <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33h0a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51h0a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82v0a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
+      Admin
     </a>
   </div>
+  {{if or .InFlightCount .RepoName}}
+  <div class="w-nav-meta">
+    {{if .InFlightCount}}<span class="bridge-pulse" style="display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-success,#3fb950);vertical-align:middle;margin-right:4px;"></span>{{.InFlightCount}} in flight{{end}}
+    {{if .RepoName}}<span>{{.RepoName}}</span>{{end}}
+    {{if .ForgeHost}}<span>{{.ForgeHost}}</span>{{end}}
+  </div>
+  {{end}}
 </nav>
-{{end}}
+{{end}}