diff --git a/cmd/frontend/client.go b/cmd/frontend/client.go
index b29529d..647fca9 100644
--- a/cmd/frontend/client.go
+++ b/cmd/frontend/client.go
@@ -33,6 +33,12 @@ type maglevClient struct {
 	connected bool
 	lastErr   string
 	cache     cachedState
+
+	// lbWakeCh is a buffer-1 trigger channel feeding lbStateLoop. Every
+	// backend transition (and a few other events) does a non-blocking send
+	// here; the loop coalesces bursts into at most one GetVPPLBState call
+	// per second. See lbStateLoop for the leading+trailing-edge debounce.
+	lbWakeCh chan struct{}
 }
 
 // cachedState is the per-maglevd snapshot served via the REST handlers.
@@ -49,6 +55,7 @@ type cachedState struct {
 	HealthCheckOrder []string
 	VPPInfo          *VPPInfoSnapshot
 	VPPState         string // "", "connected", "disconnected"
+	LBState          *LBStateSnapshot
 	LastRefresh      time.Time
 }
 
@@ -69,6 +76,7 @@ func newMaglevClient(address string, broker *Broker) (*maglevClient, error) {
 			Backends:     map[string]*BackendSnapshot{},
 			HealthChecks: map[string]*HealthCheckSnapshot{},
 		},
+		lbWakeCh: make(chan struct{}, 1),
 	}, nil
 }
 
@@ -147,6 +155,7 @@ func (c *maglevClient) Start(ctx context.Context) {
 	go c.watchLoop(ctx)
 	go c.refreshLoop(ctx)
 	go c.healthLoop(ctx)
+	go c.lbStateLoop(ctx)
 }
 
 func (c *maglevClient) setConnected(ok bool, errMsg string) {
@@ -196,6 +205,7 @@ func (c *maglevClient) Snapshot() *StateSnapshot {
 		HealthChecks: make([]*HealthCheckSnapshot, 0, len(c.cache.HealthCheckOrder)),
 		VPPInfo:      c.cache.VPPInfo,
 		VPPState:     c.cache.VPPState,
+		LBState:      c.cache.LBState,
 	}
 	for _, name := range c.cache.FrontendsOrder {
 		if f, ok := c.cache.Frontends[name]; ok {
@@ -302,6 +312,11 @@ func (c *maglevClient) refreshAll(ctx context.Context) error {
 	c.cache.VPPState = vppState
 	c.cache.LastRefresh = time.Now()
 	c.mu.Unlock()
+	// Best-effort LB state pull so /view/api/state served on a fresh
+	// page load already carries the bucket column. Errors are
+	// swallowed by fetchLBStateAndPublish (which clears the cache and
+	// emits an empty event so the SPA renders "—").
+	c.fetchLBStateAndPublish(ctx)
 	return nil
 }
 
@@ -434,6 +449,11 @@ func (c *maglevClient) handleEvent(ev *grpcapi.Event) {
 			AtUnixNs: tr.AtUnixNs,
 			Payload:  payload,
 		})
+		// A real transition means VPP is about to (or already did)
+		// reshuffle bucket allocations across the affected VIP. Wake
+		// the lb-state loop so the SPA's bucket column converges
+		// without waiting for the 30s refresh.
+		c.triggerLBStateFetch()
 
 	case *grpcapi.Event_Frontend:
 		fe := body.Frontend
@@ -544,6 +564,11 @@ func (c *maglevClient) applyVPPLogHeartbeat(msg string) {
 		AtUnixNs: time.Now().UnixNano(),
 		Payload:  payload,
 	})
+	// VPP just came back: pull fresh LB state so the bucket column
+	// repopulates immediately instead of waiting up to 30s for the
+	// next refresh tick. On vpp-disconnect the next fetch will fail
+	// and clear the cache, which is also the right behaviour.
+	c.triggerLBStateFetch()
 }
 
 func (c *maglevClient) applyBackendTransition(name string, tr *TransitionRecord) {
@@ -677,6 +702,175 @@ func transitionFromProto(t *grpcapi.TransitionRecord) *TransitionRecord {
 	}
 }
 
+// triggerLBStateFetch sends a non-blocking wake to lbStateLoop. The
+// channel has buffer 1 so coalesced bursts never block the publisher.
+func (c *maglevClient) triggerLBStateFetch() {
+	select {
+	case c.lbWakeCh <- struct{}{}:
+	default:
+	}
+}
+
+// lbStateLoop consumes wake signals and calls GetVPPLBState, with a
+// leading+trailing-edge debounce so we never exceed one fetch per
+// minLBInterval (1s). The leading edge means the very first wake after
+// an idle period fires immediately — important so a single isolated
+// transition isn't artificially delayed by a second. The trailing edge
+// means a burst of wakes during the cool-down still gets one final
+// fetch right after the gate opens, so the SPA always converges to a
+// post-burst snapshot rather than missing the last update.
+func (c *maglevClient) lbStateLoop(ctx context.Context) {
+	const minLBInterval = time.Second
+	var (
+		timer     *time.Timer
+		lastFetch time.Time
+	)
+	timerCh := func() <-chan time.Time {
+		if timer == nil {
+			return nil
+		}
+		return timer.C
+	}
+	fire := func() {
+		if timer != nil {
+			if !timer.Stop() {
+				select {
+				case <-timer.C:
+				default:
+				}
+			}
+			timer = nil
+		}
+		c.fetchLBStateAndPublish(ctx)
+		lastFetch = time.Now()
+	}
+	for {
+		select {
+		case <-ctx.Done():
+			return
+		case <-c.lbWakeCh:
+			wait := minLBInterval - time.Since(lastFetch)
+			if wait <= 0 {
+				fire()
+			} else if timer == nil {
+				timer = time.NewTimer(wait)
+			}
+		case <-timerCh():
+			timer = nil
+			fire()
+		}
+	}
+}
+
+// fetchLBStateAndPublish runs one GetVPPLBState round-trip, rebuilds
+// the per-frontend bucket map, swaps it into the cache, and broadcasts
+// a "lb-state" BrowserEvent. On error the cache is cleared and an
+// empty event is published so the SPA can switch the bucket column to
+// em-dashes — clear-on-error is simpler than stale-but-visible and
+// doesn't risk showing a confusing snapshot from before VPP died.
+func (c *maglevClient) fetchLBStateAndPublish(ctx context.Context) {
+	fctx, cancel := context.WithTimeout(ctx, 5*time.Second)
+	defer cancel()
+	lbs, err := c.api.GetVPPLBState(fctx, &grpcapi.GetVPPLBStateRequest{})
+	if err != nil {
+		c.mu.Lock()
+		had := c.cache.LBState != nil
+		c.cache.LBState = nil
+		c.mu.Unlock()
+		slog.Debug("lb-state-fetch", "maglevd", c.name, "err", err)
+		if had {
+			c.publishLBState(nil)
+		}
+		return
+	}
+	snap := c.buildLBStateSnapshot(lbs)
+	c.mu.Lock()
+	c.cache.LBState = snap
+	c.mu.Unlock()
+	c.publishLBState(snap.PerFrontend)
+}
+
+func (c *maglevClient) publishLBState(perFrontend map[string]map[string]int32) {
+	payload, _ := json.Marshal(LBStatePayload{PerFrontend: perFrontend})
+	c.broker.Publish(BrowserEvent{
+		Maglevd:  c.name,
+		Type:     "lb-state",
+		AtUnixNs: time.Now().UnixNano(),
+		Payload:  payload,
+	})
+}
+
+// buildLBStateSnapshot translates a VPP-side state record (keyed by
+// CIDR/protocol/port and AS address) into a maglev-side record (keyed
+// by frontend name and backend name). Unmatched VIPs and unmatched AS
+// addresses are silently skipped — they're benign side effects of a
+// transient sync gap or a backend address that's only present in one
+// of the two universes.
+func (c *maglevClient) buildLBStateSnapshot(lbs *grpcapi.VPPLBState) *LBStateSnapshot {
+	c.mu.RLock()
+	feByVIP := make(map[string]string, len(c.cache.Frontends))
+	for _, f := range c.cache.Frontends {
+		feByVIP[lbVIPKey(f.Address, f.Protocol, f.Port)] = f.Name
+	}
+	backendByAddr := make(map[string]string, len(c.cache.Backends))
+	for _, b := range c.cache.Backends {
+		backendByAddr[b.Address] = b.Name
+	}
+	c.mu.RUnlock()
+
+	out := &LBStateSnapshot{PerFrontend: map[string]map[string]int32{}}
+	for _, v := range lbs.GetVips() {
+		feName, ok := feByVIP[lbVIPKey(stripLBHostMask(v.GetPrefix()), lbProtoString(v.GetProtocol()), v.GetPort())]
+		if !ok {
+			continue
+		}
+		row := out.PerFrontend[feName]
+		if row == nil {
+			row = map[string]int32{}
+			out.PerFrontend[feName] = row
+		}
+		for _, as := range v.GetApplicationServers() {
+			bname, ok := backendByAddr[as.GetAddress()]
+			if !ok {
+				continue
+			}
+			row[bname] = int32(as.GetNumBuckets())
+		}
+	}
+	return out
+}
+
+// lbVIPKey is the join key between a maglev FrontendSnapshot and a
+// VPP-side VPPLBVIP record. Stripping the mask and lower-casing the
+// protocol gives a canonical form that both sides can produce.
+func lbVIPKey(addr, proto string, port uint32) string {
+	return fmt.Sprintf("%s/%s/%d", addr, strings.ToLower(proto), port)
+}
+
+// lbProtoString mirrors maglevc's protoString — kept local to avoid a
+// cross-package import for two trivial helpers.
+func lbProtoString(p uint32) string {
+	switch p {
+	case 6:
+		return "tcp"
+	case 17:
+		return "udp"
+	case 255:
+		return "any"
+	}
+	return fmt.Sprintf("%d", p)
+}
+
+// stripLBHostMask trims "/32" or "/128" from a VPP host-prefix VIP so
+// it can be compared against a maglev FrontendSnapshot.Address (which
+// is bare). Other shapes are returned unchanged.
+func stripLBHostMask(prefix string) string {
+	if strings.HasSuffix(prefix, "/32") || strings.HasSuffix(prefix, "/128") {
+		return prefix[:strings.LastIndexByte(prefix, '/')]
+	}
+	return prefix
+}
+
 func healthCheckFromProto(h *grpcapi.HealthCheckInfo) *HealthCheckSnapshot {
 	return &HealthCheckSnapshot{
 		Name:           h.GetName(),
diff --git a/cmd/frontend/handlers.go b/cmd/frontend/handlers.go
index d689c54..1cb8805 100644
--- a/cmd/frontend/handlers.go
+++ b/cmd/frontend/handlers.go
@@ -37,6 +37,23 @@ func registerHandlers(mux *http.ServeMux, clients []*maglevClient, broker *Broke
 		_, _ = w.Write([]byte("ok\n"))
 	})
 
+	// Favicon served from the same embedded dist tree Vite produced.
+	// Browsers auto-fetch /favicon.ico from the document root regardless
+	// of where the SPA itself is mounted, so we register a top-level
+	// handler in addition to whatever /view/favicon.ico picks up via the
+	// static file server below. Read once at registration so we don't
+	// touch the embed.FS on every request, and serve with a long
+	// max-age since the bytes never change for a given binary.
+	if favicon, ferr := fs.ReadFile(webFS, "web/dist/favicon.ico"); ferr == nil {
+		mux.HandleFunc("/favicon.ico", func(w http.ResponseWriter, _ *http.Request) {
+			w.Header().Set("Content-Type", "image/x-icon")
+			w.Header().Set("Cache-Control", "public, max-age=86400")
+			_, _ = w.Write(favicon)
+		})
+	} else {
+		slog.Warn("favicon-missing", "err", ferr)
+	}
+
 	mux.HandleFunc("/view/api/version", func(w http.ResponseWriter, _ *http.Request) {
 		writeJSON(w, VersionInfo{
 			Version:      buildinfo.Version(),
@@ -188,6 +205,13 @@ func handleBackendLifecycle(w http.ResponseWriter, r *http.Request, c *maglevCli
 	}
 	slog.Info("admin-backend-action",
 		"maglevd", c.name, "backend", name, "action", action, "state", snap.State)
+	// The maglevd→watch path will deliver a transition event that
+	// also wakes the lb-state loop, but firing here too makes the
+	// admin path self-contained and shaves the worst-case race
+	// where the SPA is still waiting on the WatchEvents replay
+	// when the POST response lands. The debouncer coalesces any
+	// duplicate wake.
+	c.triggerLBStateFetch()
 	writeJSON(w, snap)
 }
 
@@ -219,6 +243,14 @@ func handleBackendWeight(w http.ResponseWriter, r *http.Request, c *maglevClient
 	slog.Info("admin-set-weight",
 		"maglevd", c.name, "frontend", frontend, "pool", pool, "backend", backend,
 		"weight", body.Weight, "flush", body.Flush)
+	// Weight changes never produce a transition event on the maglevd
+	// side (the backend's state is unchanged), so the WatchEvents
+	// stream won't wake the lb-state loop for us — without an explicit
+	// trigger here the SPA's bucket column would stay stale until the
+	// next 30s refresh tick. SyncLBStateVIP on the maglevd side has
+	// already pushed the new weights into VPP synchronously, so the
+	// fetch we kick off will see fresh post-mutation buckets.
+	c.triggerLBStateFetch()
 	writeJSON(w, snap)
 }
 
diff --git a/cmd/frontend/types.go b/cmd/frontend/types.go
index 965aac2..828cbd8 100644
--- a/cmd/frontend/types.go
+++ b/cmd/frontend/types.go
@@ -15,6 +15,18 @@ type StateSnapshot struct {
 	// from vpp-connect / vpp-disconnect / vpp-api-{send,recv} log
 	// events and re-seeded on every refreshAll tick.
 	VPPState string `json:"vpp_state,omitempty"`
+	// LBState is the most recent VPP LB plugin view of buckets-per-backend,
+	// keyed by frontend name → backend name → bucket count. nil when VPP is
+	// disconnected or no fetch has succeeded yet.
+	LBState *LBStateSnapshot `json:"lb_state,omitempty"`
+}
+
+// LBStateSnapshot is a per-(frontend, backend) view of VPP's bucket
+// allocation. The frontend collects this with GetVPPLBState and matches
+// VPP's VIP records back to maglev frontend/backend names so the SPA
+// never has to know about VPP-side prefixes or AS addresses.
+type LBStateSnapshot struct {
+	PerFrontend map[string]map[string]int32 `json:"per_frontend"`
 }
 
 // MaglevdInfo is the per-maglevd connection status record.
@@ -98,11 +110,19 @@ type VPPInfoSnapshot struct {
 // BrowserEvent is the wire shape sent over SSE to the browser.
 type BrowserEvent struct {
 	Maglevd  string          `json:"maglevd"`
-	Type     string          `json:"type"` // log|backend|frontend|maglevd-status|resync
+	Type     string          `json:"type"` // log|backend|frontend|maglevd-status|vpp-status|lb-state|resync
 	AtUnixNs int64           `json:"at_unix_ns"`
 	Payload  json.RawMessage `json:"payload"`
 }
 
+// LBStatePayload rides on a "lb-state" BrowserEvent and carries the
+// freshly-fetched bucket map. PerFrontend may be nil (or empty) to
+// signal "no LB state available" — the SPA renders such backends
+// with an em-dash in the buckets column.
+type LBStatePayload struct {
+	PerFrontend map[string]map[string]int32 `json:"per_frontend"`
+}
+
 // BackendEventPayload is what we ship inside BrowserEvent.Payload for
 // type == "backend".
 type BackendEventPayload struct {
diff --git a/cmd/frontend/web/dist/assets/index-3BvNJ7QB.css b/cmd/frontend/web/dist/assets/index-3BvNJ7QB.css
new file mode 100644
index 0000000..1a1fc9f
--- /dev/null
+++ b/cmd/frontend/web/dist/assets/index-3BvNJ7QB.css
@@ -0,0 +1 @@
+*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4;color:var(--fg);background:var(--bg)}h1,h2,h3,h4,p,dl,dd,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:1px solid var(--border);border-radius:4px;padding:4px 8px;cursor:pointer}button:hover{background:var(--bg-soft)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:4px 8px}code,pre,.mono{font-family:SF Mono,Menlo,Consolas,monospace}:root{--bg: #fafafa;--bg-soft: #f0f0f0;--bg-card: #ffffff;--fg: #0f172a;--fg-muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--state-up: #16a34a;--state-down: #dc2626;--state-paused: #2563eb;--state-disabled: #6b7280;--state-unknown: #eab308;--state-removed: #374151}.flash-target{display:inline-block;padding:0 4px;border-radius:3px;transform-origin:center center;will-change:transform,background-color,box-shadow}.backend-row td{overflow:visible}.app{max-width:1400px;margin:0 auto;padding:16px}.app-header{display:flex;align-items:center;gap:16px;padding:4px 0;border-bottom:1px solid var(--border);margin-bottom:16px}.brand{display:flex;align-items:center;gap:8px}.brand strong{font-size:18px}.brand-name{color:inherit;text-decoration:none}.brand-name:hover{color:var(--accent)}.brand-logo{display:inline-flex;align-items:center}.brand-logo img{height:56px;width:56px;display:block}.brand-logo:hover img{opacity:.8}.app-header .mode-tag{margin-left:auto;padding:2px 6px;border-radius:3px;background:var(--bg-soft);color:var(--fg-muted);font-size:11px;text-transform:uppercase}.brand .version{margin-left:8px;color:var(--fg-muted);font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;cursor:help}.admin-toggle{padding:4px 10px;border:1px solid var(--border);border-radius:4px;color:var(--accent)}.scope-selector{display:flex;gap:6px;flex-wrap:wrap}.scope-tab{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px}.scope-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.scope-tab .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--state-down)}.scope-tab.connected .dot{background:var(--state-up)}.status-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.status-badge[data-state=up]{background:var(--state-up)}.status-badge[data-state=down]{background:var(--state-down)}.status-badge[data-state=paused]{background:var(--state-paused)}.status-badge[data-state=disabled]{background:var(--state-disabled)}.status-badge[data-state=unknown]{background:var(--state-unknown);color:#1f2937}.status-badge[data-state=removed]{background:var(--state-removed);text-decoration:line-through}.frontend-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.frontend-title{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.frontend-title-icon{display:inline-block;width:1.5em;text-align:center;font-size:14px;line-height:1}.frontend-title-name{font-size:15px;font-weight:600;display:inline-block;width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.frontend-title-addr{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--fg-muted)}.frontend-title-proto{font-size:11px;font-weight:600;color:var(--fg-muted);text-transform:uppercase}.frontend-title-desc{font-size:12px;color:var(--fg-muted);font-style:italic;font-weight:400}.tag{display:inline-block;padding:1px 6px;border-radius:3px;background:var(--bg-soft);color:var(--fg-muted);font-size:11px;margin-left:4px}.backend-table{table-layout:fixed;width:100%}.backend-table th,.backend-table td{white-space:nowrap}.backend-table th{font-size:11px;color:var(--fg-muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:2px 8px}.backend-table .numeric{text-align:right}.backend-table .col-pool{width:10ch}.backend-row .col-pool{color:var(--fg-muted);font-weight:500}.backend-row.pool-standby>td:not(.actions){opacity:.35}.backend-table .col-address{width:42ch}.backend-table .col-state{width:90px}.backend-table .col-weight{width:80px}.backend-table .col-effective,.backend-table .col-buckets{width:95px}.backend-table .col-age{width:110px}.backend-row td.backend-name{overflow:hidden}.backend-name-text{display:inline-block;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.backend-row td{border-bottom:1px solid var(--border);font-size:13px;padding:2px 8px}.backend-row .backend-name{font-weight:500}.backend-row .backend-address,.backend-row .age{color:var(--fg-muted);font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.backend-table th.actions,.backend-row td.actions{width:28px;padding:0 4px;text-align:center}.kebab-wrap{position:relative;display:inline-block}.kebab-btn{width:20px;height:20px;padding:0;line-height:1;font-size:16px;color:var(--fg-muted);border:1px solid transparent;background:transparent;cursor:pointer;border-radius:3px}.kebab-btn:hover,.kebab-btn[aria-expanded=true]{color:var(--fg);background:var(--bg-soft);border-color:var(--border)}.kebab-menu{position:absolute;top:22px;right:0;z-index:20;min-width:120px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #0000001f;padding:4px 0}.kebab-item{display:block;width:100%;padding:6px 12px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:13px;color:var(--fg)}.kebab-item:hover{background:var(--bg-soft)}.kebab-item:disabled{color:var(--fg-muted);cursor:wait}.kebab-error{padding:4px 12px 8px;color:var(--state-down);font-size:11px;font-family:SF Mono,Menlo,Consolas,monospace;max-width:260px;white-space:normal}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;box-shadow:0 20px 50px #00000040;width:100%;max-width:480px;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:15px;flex:1}.modal-close{width:28px;height:28px;padding:0;font-size:20px;line-height:1;border:none;background:transparent;color:var(--fg-muted);cursor:pointer;border-radius:3px}.modal-close:hover{background:var(--bg-soft);color:var(--fg)}.modal-body{padding:16px}.dialog-body{margin-bottom:12px}.dialog-target{margin-bottom:12px;font-size:13px;color:var(--fg-muted)}.dialog-target code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;background:var(--bg-soft);padding:1px 5px;border-radius:3px;color:var(--fg)}.dialog-consequence{font-size:13px;line-height:1.5;color:var(--fg)}.dialog-field{display:flex;flex-direction:column;margin-bottom:12px;font-size:13px}.dialog-field>span{font-weight:500;margin-bottom:4px}.dialog-field input[type=number]{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:4px;width:100px}.dialog-field .weight-slider-label{display:flex;align-items:baseline;justify-content:space-between}.dialog-field .weight-slider-value{font-family:SF Mono,Menlo,Consolas,monospace;font-size:18px;font-weight:600;color:var(--accent);min-width:3ch;text-align:right}.dialog-field .weight-slider{width:100%;margin:4px 0;accent-color:var(--accent)}.dialog-field small{margin-top:4px;color:var(--fg-muted);font-size:11px}.dialog-field.checkbox{flex-direction:row;align-items:center;gap:8px}.dialog-field.checkbox>span{margin-bottom:0;font-weight:400}.dialog-note{font-size:12px;color:var(--fg-muted);line-height:1.5;padding:8px 10px;background:var(--bg-soft);border-radius:4px}.dialog-warn{font-size:12px;color:#991b1b;line-height:1.5;padding:8px 10px;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;font-weight:500}.dialog-error{margin-top:8px;padding:8px 10px;background:#fee2e2;color:#991b1b;border-radius:4px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.btn-primary,.btn-secondary{font:inherit;padding:6px 14px;border-radius:4px;cursor:pointer;border:1px solid var(--border)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}.btn-primary.btn-danger{background:var(--state-down);border-color:var(--state-down)}.btn-primary.btn-danger:hover:not(:disabled){background:var(--state-down);filter:brightness(1.12)}.btn-secondary{background:transparent;color:var(--fg)}.btn-secondary:hover:not(:disabled){background:var(--bg-soft)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:wait}.probe-heartbeat{display:inline-block;width:16px;height:14px;line-height:14px;margin-right:6px;text-align:center;font-size:11px;color:var(--state-disabled);overflow:hidden;vertical-align:middle;transform-origin:center center}.probe-heartbeat.in-flight{color:inherit;font-size:10px}.banner{padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:13px}.banner.warn{background:#fef3c7;color:#92400e}.banner.err{background:#fee2e2;color:#991b1b}.loading,.empty{color:var(--fg-muted);padding:16px}.zippy{border:1px solid var(--border);border-radius:6px;background:var(--bg-card)}.zippy summary{padding:4px 12px;cursor:pointer;font-weight:500}.zippy-body{padding:4px 10px 6px;border-top:1px solid var(--border)}.zippy-title{display:inline-flex;align-items:center;gap:10px}.vpp-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;text-transform:lowercase;color:#fff}.vpp-badge[data-state=connected]{background:var(--state-up)}.vpp-badge[data-state=disconnected]{background:var(--state-down)}.vpp-io{display:inline-flex;align-items:center;gap:0;margin-left:4px;font-size:13px;font-weight:600;line-height:1;letter-spacing:-.15em;padding-right:.15em}.vpp-io-label{color:var(--fg-muted);font-weight:500;letter-spacing:normal;margin-right:4px}.vpp-tx,.vpp-rx{display:inline-block;color:var(--fg-muted);opacity:.25;transition:color .12s ease-out,opacity .12s ease-out,transform .12s ease-out;transform:translateY(0)}.vpp-tx.lit{color:var(--accent);opacity:1;transform:translateY(-1px)}.vpp-rx.lit{color:var(--accent);opacity:1;transform:translateY(1px)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px}.kv dt{color:var(--fg-muted)}.debug-toolbar{display:flex;gap:12px;align-items:center;margin-top:8px;font-size:12px}.debug-toolbar .count{margin-left:auto;color:var(--fg-muted)}.event-tail{max-height:320px;overflow:auto;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;line-height:1.5}.event-row{padding:2px 4px;white-space:pre-wrap;word-break:break-all}.event-row.event-backend{color:var(--state-up)}.event-row.event-frontend{color:var(--accent)}.event-row.event-log{color:var(--fg-muted)}.event-row.event-maglevd-status{color:var(--state-down)}.event-row.event-sync{color:var(--state-paused);font-weight:500}
diff --git a/cmd/frontend/web/dist/assets/index-CExoCDXh.css b/cmd/frontend/web/dist/assets/index-CExoCDXh.css
deleted file mode 100644
index a835d5c..0000000
--- a/cmd/frontend/web/dist/assets/index-CExoCDXh.css
+++ /dev/null
@@ -1 +0,0 @@
-*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4;color:var(--fg);background:var(--bg)}h1,h2,h3,h4,p,dl,dd,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:1px solid var(--border);border-radius:4px;padding:4px 8px;cursor:pointer}button:hover{background:var(--bg-soft)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:4px 8px}code,pre,.mono{font-family:SF Mono,Menlo,Consolas,monospace}:root{--bg: #fafafa;--bg-soft: #f0f0f0;--bg-card: #ffffff;--fg: #0f172a;--fg-muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--state-up: #16a34a;--state-down: #dc2626;--state-paused: #2563eb;--state-disabled: #6b7280;--state-unknown: #eab308;--state-removed: #374151}.flash-target{display:inline-block;padding:0 4px;border-radius:3px;transform-origin:center center;will-change:transform,background-color,box-shadow}.backend-row td{overflow:visible}.app{max-width:1400px;margin:0 auto;padding:16px}.app-header{display:flex;align-items:center;gap:16px;padding:4px 0;border-bottom:1px solid var(--border);margin-bottom:16px}.brand{display:flex;align-items:center;gap:8px}.brand strong{font-size:18px}.brand-name{color:inherit;text-decoration:none}.brand-name:hover{color:var(--accent)}.brand-logo{display:inline-flex;align-items:center}.brand-logo img{height:56px;width:56px;display:block}.brand-logo:hover img{opacity:.8}.app-header .mode-tag{margin-left:auto;padding:2px 6px;border-radius:3px;background:var(--bg-soft);color:var(--fg-muted);font-size:11px;text-transform:uppercase}.brand .version{margin-left:8px;color:var(--fg-muted);font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;cursor:help}.admin-toggle{padding:4px 10px;border:1px solid var(--border);border-radius:4px;color:var(--accent)}.scope-selector{display:flex;gap:6px;flex-wrap:wrap}.scope-tab{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px}.scope-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.scope-tab .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--state-down)}.scope-tab.connected .dot{background:var(--state-up)}.status-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.status-badge[data-state=up]{background:var(--state-up)}.status-badge[data-state=down]{background:var(--state-down)}.status-badge[data-state=paused]{background:var(--state-paused)}.status-badge[data-state=disabled]{background:var(--state-disabled)}.status-badge[data-state=unknown]{background:var(--state-unknown);color:#1f2937}.status-badge[data-state=removed]{background:var(--state-removed);text-decoration:line-through}.frontend-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.frontend-title{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.frontend-title-name{font-size:15px;font-weight:600}.frontend-title-addr{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--fg-muted)}.frontend-title-proto{font-size:11px;font-weight:600;color:var(--fg-muted);text-transform:uppercase}.frontend-title-desc{font-size:12px;color:var(--fg-muted);font-style:italic;font-weight:400}.tag{display:inline-block;padding:1px 6px;border-radius:3px;background:var(--bg-soft);color:var(--fg-muted);font-size:11px;margin-left:4px}.backend-table{table-layout:fixed;width:100%}.backend-table th,.backend-table td{white-space:nowrap}.backend-table th{font-size:11px;color:var(--fg-muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:2px 8px}.backend-table .numeric{text-align:right}.backend-table .col-pool{width:10ch}.backend-row .col-pool{color:var(--fg-muted);font-weight:500}.backend-row.pool-standby>td:not(.actions){opacity:.35}.backend-table .col-address{width:42ch}.backend-table .col-state{width:90px}.backend-table .col-weight{width:80px}.backend-table .col-effective{width:95px}.backend-table .col-age{width:110px}.backend-row td.backend-name{overflow:hidden}.backend-name-text{display:inline-block;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.backend-row td{border-bottom:1px solid var(--border);font-size:13px;padding:2px 8px}.backend-row .backend-name{font-weight:500}.backend-row .backend-address,.backend-row .age{color:var(--fg-muted);font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.backend-table th.actions,.backend-row td.actions{width:28px;padding:0 4px;text-align:center}.kebab-wrap{position:relative;display:inline-block}.kebab-btn{width:20px;height:20px;padding:0;line-height:1;font-size:16px;color:var(--fg-muted);border:1px solid transparent;background:transparent;cursor:pointer;border-radius:3px}.kebab-btn:hover,.kebab-btn[aria-expanded=true]{color:var(--fg);background:var(--bg-soft);border-color:var(--border)}.kebab-menu{position:absolute;top:22px;right:0;z-index:20;min-width:120px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #0000001f;padding:4px 0}.kebab-item{display:block;width:100%;padding:6px 12px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:13px;color:var(--fg)}.kebab-item:hover{background:var(--bg-soft)}.kebab-item:disabled{color:var(--fg-muted);cursor:wait}.kebab-error{padding:4px 12px 8px;color:var(--state-down);font-size:11px;font-family:SF Mono,Menlo,Consolas,monospace;max-width:260px;white-space:normal}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;box-shadow:0 20px 50px #00000040;width:100%;max-width:480px;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:15px;flex:1}.modal-close{width:28px;height:28px;padding:0;font-size:20px;line-height:1;border:none;background:transparent;color:var(--fg-muted);cursor:pointer;border-radius:3px}.modal-close:hover{background:var(--bg-soft);color:var(--fg)}.modal-body{padding:16px}.dialog-body{margin-bottom:12px}.dialog-target{margin-bottom:12px;font-size:13px;color:var(--fg-muted)}.dialog-target code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;background:var(--bg-soft);padding:1px 5px;border-radius:3px;color:var(--fg)}.dialog-consequence{font-size:13px;line-height:1.5;color:var(--fg)}.dialog-field{display:flex;flex-direction:column;margin-bottom:12px;font-size:13px}.dialog-field>span{font-weight:500;margin-bottom:4px}.dialog-field input[type=number]{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:4px;width:100px}.dialog-field .weight-slider-label{display:flex;align-items:baseline;justify-content:space-between}.dialog-field .weight-slider-value{font-family:SF Mono,Menlo,Consolas,monospace;font-size:18px;font-weight:600;color:var(--accent);min-width:3ch;text-align:right}.dialog-field .weight-slider{width:100%;margin:4px 0;accent-color:var(--accent)}.dialog-field small{margin-top:4px;color:var(--fg-muted);font-size:11px}.dialog-field.checkbox{flex-direction:row;align-items:center;gap:8px}.dialog-field.checkbox>span{margin-bottom:0;font-weight:400}.dialog-note{font-size:12px;color:var(--fg-muted);line-height:1.5;padding:8px 10px;background:var(--bg-soft);border-radius:4px}.dialog-warn{font-size:12px;color:#991b1b;line-height:1.5;padding:8px 10px;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;font-weight:500}.dialog-error{margin-top:8px;padding:8px 10px;background:#fee2e2;color:#991b1b;border-radius:4px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.btn-primary,.btn-secondary{font:inherit;padding:6px 14px;border-radius:4px;cursor:pointer;border:1px solid var(--border)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}.btn-primary.btn-danger{background:var(--state-down);border-color:var(--state-down)}.btn-primary.btn-danger:hover:not(:disabled){background:var(--state-down);filter:brightness(1.12)}.btn-secondary{background:transparent;color:var(--fg)}.btn-secondary:hover:not(:disabled){background:var(--bg-soft)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:wait}.probe-heartbeat{display:inline-block;width:16px;height:14px;line-height:14px;margin-right:6px;text-align:center;font-size:11px;color:var(--state-disabled);overflow:hidden;vertical-align:middle;transform-origin:center center}.probe-heartbeat.in-flight{color:inherit;font-size:10px}.banner{padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:13px}.banner.warn{background:#fef3c7;color:#92400e}.banner.err{background:#fee2e2;color:#991b1b}.loading,.empty{color:var(--fg-muted);padding:16px}.zippy{border:1px solid var(--border);border-radius:6px;background:var(--bg-card)}.zippy summary{padding:4px 12px;cursor:pointer;font-weight:500}.zippy-body{padding:4px 10px 6px;border-top:1px solid var(--border)}.zippy-title{display:inline-flex;align-items:center;gap:10px}.vpp-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;text-transform:lowercase;color:#fff}.vpp-badge[data-state=connected]{background:var(--state-up)}.vpp-badge[data-state=disconnected]{background:var(--state-down)}.vpp-io{display:inline-flex;align-items:center;gap:0;margin-left:4px;font-size:13px;font-weight:600;line-height:1;letter-spacing:-.15em;padding-right:.15em}.vpp-io-label{color:var(--fg-muted);font-weight:500;letter-spacing:normal;margin-right:4px}.vpp-tx,.vpp-rx{display:inline-block;color:var(--fg-muted);opacity:.25;transition:color .12s ease-out,opacity .12s ease-out,transform .12s ease-out;transform:translateY(0)}.vpp-tx.lit{color:var(--accent);opacity:1;transform:translateY(-1px)}.vpp-rx.lit{color:var(--accent);opacity:1;transform:translateY(1px)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px}.kv dt{color:var(--fg-muted)}.debug-toolbar{display:flex;gap:12px;align-items:center;margin-top:8px;font-size:12px}.debug-toolbar .count{margin-left:auto;color:var(--fg-muted)}.event-tail{max-height:320px;overflow:auto;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;line-height:1.5}.event-row{padding:2px 4px;white-space:pre-wrap;word-break:break-all}.event-row.event-backend{color:var(--state-up)}.event-row.event-frontend{color:var(--accent)}.event-row.event-log{color:var(--fg-muted)}.event-row.event-maglevd-status{color:var(--state-down)}.event-row.event-sync{color:var(--state-paused);font-weight:500}
diff --git a/cmd/frontend/web/dist/assets/index-DCJJqBMY.js b/cmd/frontend/web/dist/assets/index-DCJJqBMY.js
new file mode 100644
index 0000000..4aa163d
--- /dev/null
+++ b/cmd/frontend/web/dist/assets/index-DCJJqBMY.js
@@ -0,0 +1 @@
+(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))r(s);new MutationObserver(s=>{for(const l of s)if(l.type==="childList")for(const o of l.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(s){const l={};return s.integrity&&(l.integrity=s.integrity),s.referrerPolicy&&(l.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?l.credentials="include":s.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function r(s){if(s.ep)return;s.ep=!0;const l=n(s);fetch(s.href,l)}})();const dt=!1,gt=(e,t)=>e===t,G=Symbol("solid-proxy"),Ee=Symbol("solid-track"),de={equals:gt};let Ve=Ye;const V=1,ge=2,Ke={owned:null,cleanups:null,context:null,owner:null};var k=null;let Ae=null,ht=null,_=null,O=null,R=null,ye=0;function le(e,t){const n=_,r=k,s=e.length===0,l=t===void 0?r:t,o=s?Ke:{owned:null,cleanups:null,context:l?l.context:null,owner:l},i=s?e:()=>e(()=>B(()=>oe(o)));k=o,_=null;try{return J(i,!0)}finally{_=n,k=r}}function A(e,t){t=t?Object.assign({},de,t):de;const n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},r=s=>(typeof s=="function"&&(s=s(n.value)),qe(n,s));return[Ge.bind(n),r]}function E(e,t,n){const r=Pe(e,t,!1,V);ce(r)}function K(e,t,n){Ve=_t;const r=Pe(e,t,!1,V);(!n||!n.render)&&(r.user=!0),R?R.push(r):ce(r)}function H(e,t,n){n=n?Object.assign({},de,n):de;const r=Pe(e,t,!0,0);return r.observers=null,r.observerSlots=null,r.comparator=n.equals||void 0,ce(r),Ge.bind(r)}function bt(e){return J(e,!1)}function B(e){if(_===null)return e();const t=_;_=null;try{return e()}finally{_=t}}function mt(e,t,n){const r=Array.isArray(e);let s,l=n&&n.defer;return o=>{let i;if(r){i=Array(e.length);for(let c=0;c<e.length;c++)i[c]=e[c]()}else i=e();if(l)return l=!1,o;const a=B(()=>t(i,s,o));return s=i,a}}function pt(e){K(()=>B(e))}function q(e){return k===null||(k.cleanups===null?k.cleanups=[e]:k.cleanups.push(e)),e}function Ce(){return _}function $t(){return k}function wt(e,t){const n=k,r=_;k=e,_=null;try{return J(t,!0)}catch(s){Ne(s)}finally{k=n,_=r}}function Ge(){if(this.sources&&this.state)if(this.state===V)ce(this);else{const e=O;O=null,J(()=>be(this),!1),O=e}if(_){const e=this.observers?this.observers.length:0;_.sources?(_.sources.push(this),_.sourceSlots.push(e)):(_.sources=[this],_.sourceSlots=[e]),this.observers?(this.observers.push(_),this.observerSlots.push(_.sources.length-1)):(this.observers=[_],this.observerSlots=[_.sources.length-1])}return this.value}function qe(e,t,n){let r=e.value;return(!e.comparator||!e.comparator(r,t))&&(e.value=t,e.observers&&e.observers.length&&J(()=>{for(let s=0;s<e.observers.length;s+=1){const l=e.observers[s],o=Ae&&Ae.running;o&&Ae.disposed.has(l),(o?!l.tState:!l.state)&&(l.pure?O.push(l):R.push(l),l.observers&&Je(l)),o||(l.state=V)}if(O.length>1e6)throw O=[],new Error},!1)),t}function ce(e){if(!e.fn)return;oe(e);const t=ye;vt(e,e.value,t)}function vt(e,t,n){let r;const s=k,l=_;_=k=e;try{r=e.fn(t)}catch(o){return e.pure&&(e.state=V,e.owned&&e.owned.forEach(oe),e.owned=null),e.updatedAt=n+1,Ne(o)}finally{_=l,k=s}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?qe(e,r):e.value=r,e.updatedAt=n)}function Pe(e,t,n,r=V,s){const l={fn:e,state:r,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:k,context:k?k.context:null,pure:n};return k===null||k!==Ke&&(k.owned?k.owned.push(l):k.owned=[l]),l}function he(e){if(e.state===0)return;if(e.state===ge)return be(e);if(e.suspense&&B(e.suspense.inFallback))return e.suspense.effects.push(e);const t=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<ye);)e.state&&t.push(e);for(let n=t.length-1;n>=0;n--)if(e=t[n],e.state===V)ce(e);else if(e.state===ge){const r=O;O=null,J(()=>be(e,t[0]),!1),O=r}}function J(e,t){if(O)return e();let n=!1;t||(O=[]),R?n=!0:R=[],ye++;try{const r=e();return yt(n),r}catch(r){n||(R=null),O=null,Ne(r)}}function yt(e){if(O&&(Ye(O),O=null),e)return;const t=R;R=null,t.length&&J(()=>Ve(t),!1)}function Ye(e){for(let t=0;t<e.length;t++)he(e[t])}function _t(e){let t,n=0;for(t=0;t<e.length;t++){const r=e[t];r.user?e[n++]=r:he(r)}for(t=0;t<n;t++)he(e[t])}function be(e,t){e.state=0;for(let n=0;n<e.sources.length;n+=1){const r=e.sources[n];if(r.sources){const s=r.state;s===V?r!==t&&(!r.updatedAt||r.updatedAt<ye)&&he(r):s===ge&&be(r,t)}}}function Je(e){for(let t=0;t<e.observers.length;t+=1){const n=e.observers[t];n.state||(n.state=ge,n.pure?O.push(n):R.push(n),n.observers&&Je(n))}}function oe(e){let t;if(e.sources)for(;e.sources.length;){const n=e.sources.pop(),r=e.sourceSlots.pop(),s=n.observers;if(s&&s.length){const l=s.pop(),o=n.observerSlots.pop();r<s.length&&(l.sourceSlots[o]=r,s[r]=l,n.observerSlots[r]=o)}}if(e.tOwned){for(t=e.tOwned.length-1;t>=0;t--)oe(e.tOwned[t]);delete e.tOwned}if(e.owned){for(t=e.owned.length-1;t>=0;t--)oe(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}e.state=0}function kt(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function Ne(e,t=k){throw kt(e)}const St=Symbol("fallback");function Be(e){for(let t=0;t<e.length;t++)e[t]()}function xt(e,t,n={}){let r=[],s=[],l=[],o=0,i=t.length>1?[]:null;return q(()=>Be(l)),()=>{let a=e()||[],c=a.length,u,f;return a[Ee],B(()=>{let g,v,w,T,C,p,m,y,S;if(c===0)o!==0&&(Be(l),l=[],r=[],s=[],o=0,i&&(i=[])),n.fallback&&(r=[St],s[0]=le(x=>(l[0]=x,n.fallback())),o=1);else if(o===0){for(s=new Array(c),f=0;f<c;f++)r[f]=a[f],s[f]=le($);o=c}else{for(w=new Array(c),T=new Array(c),i&&(C=new Array(c)),p=0,m=Math.min(o,c);p<m&&r[p]===a[p];p++);for(m=o-1,y=c-1;m>=p&&y>=p&&r[m]===a[y];m--,y--)w[y]=s[m],T[y]=l[m],i&&(C[y]=i[m]);for(g=new Map,v=new Array(y+1),f=y;f>=p;f--)S=a[f],u=g.get(S),v[f]=u===void 0?-1:u,g.set(S,f);for(u=p;u<=m;u++)S=r[u],f=g.get(S),f!==void 0&&f!==-1?(w[f]=s[u],T[f]=l[u],i&&(C[f]=i[u]),f=v[f],g.set(S,f)):l[u]();for(f=p;f<c;f++)f in w?(s[f]=w[f],l[f]=T[f],i&&(i[f]=C[f],i[f](f))):s[f]=le($);s=s.slice(0,o=c),r=a.slice(0)}return s});function $(g){if(l[f]=g,i){const[v,w]=A(f);return i[f]=w,t(a[f],v)}return t(a[f])}}}function h(e,t){return B(()=>e(t||{}))}const At=e=>`Stale read from <${e}>.`;function Q(e){const t="fallback"in e&&{fallback:()=>e.fallback};return H(xt(()=>e.each,e.children,t||void 0))}function N(e){const t=e.keyed,n=H(()=>e.when,void 0,void 0),r=t?n:H(n,void 0,{equals:(s,l)=>!s==!l});return H(()=>{const s=r();if(s){const l=e.children;return typeof l=="function"&&l.length>0?B(()=>l(t?s:()=>{if(!B(r))throw At("Show");return n()})):l}return e.fallback},void 0,void 0)}const I=e=>H(()=>e());function Et(e,t,n){let r=n.length,s=t.length,l=r,o=0,i=0,a=t[s-1].nextSibling,c=null;for(;o<s||i<l;){if(t[o]===n[i]){o++,i++;continue}for(;t[s-1]===n[l-1];)s--,l--;if(s===o){const u=l<r?i?n[i-1].nextSibling:n[l-i]:a;for(;i<l;)e.insertBefore(n[i++],u)}else if(l===i)for(;o<s;)(!c||!c.has(t[o]))&&t[o].remove(),o++;else if(t[o]===n[l-1]&&n[i]===t[s-1]){const u=t[--s].nextSibling;e.insertBefore(n[i++],t[o++].nextSibling),e.insertBefore(n[--l],u),t[s]=n[l]}else{if(!c){c=new Map;let f=i;for(;f<l;)c.set(n[f],f++)}const u=c.get(t[o]);if(u!=null)if(i<u&&u<l){let f=o,$=1,g;for(;++f<s&&f<l&&!((g=c.get(t[f]))==null||g!==u+$);)$++;if($>u-i){const v=t[o];for(;i<u;)e.insertBefore(n[i++],v)}else e.replaceChild(n[i++],t[o++])}else o++;else t[o++].remove()}}}const We="_$DX_DELEGATE";function Ct(e,t,n,r={}){let s;return le(l=>{s=l,t===document?e():d(t,e(),t.firstChild?null:void 0,n)},r.owner),()=>{s(),t.textContent=""}}function b(e,t,n,r){let s;const l=()=>{const i=document.createElement("template");return i.innerHTML=e,i.content.firstChild},o=()=>(s||(s=l())).cloneNode(!0);return o.cloneNode=o,o}function _e(e,t=window.document){const n=t[We]||(t[We]=new Set);for(let r=0,s=e.length;r<s;r++){const l=e[r];n.has(l)||(n.add(l),t.addEventListener(l,Pt))}}function L(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function Ot(e,t){t==null?e.removeAttribute("class"):e.className=t}function Tt(e,t,n,r){Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n}function ke(e,t,n){return B(()=>e(t,n))}function d(e,t,n,r){if(n!==void 0&&!r&&(r=[]),typeof t!="function")return me(e,t,r,n);E(s=>me(e,t(),s,n),r)}function Pt(e){let t=e.target;const n=`$$${e.type}`,r=e.target,s=e.currentTarget,l=a=>Object.defineProperty(e,"target",{configurable:!0,value:a}),o=()=>{const a=t[n];if(a&&!t.disabled){const c=t[`${n}Data`];if(c!==void 0?a.call(t,c,e):a.call(t,e),e.cancelBubble)return}return t.host&&typeof t.host!="string"&&!t.host._$host&&t.contains(e.target)&&l(t.host),!0},i=()=>{for(;o()&&(t=t._$host||t.parentNode||t.host););};if(Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}}),e.composedPath){const a=e.composedPath();l(a[0]);for(let c=0;c<a.length-2&&(t=a[c],!!o());c++){if(t._$host){t=t._$host,i();break}if(t.parentNode===s)break}}else i();l(r)}function me(e,t,n,r,s){for(;typeof n=="function";)n=n();if(t===n)return n;const l=typeof t,o=r!==void 0;if(e=o&&n[0]&&n[0].parentNode||e,l==="string"||l==="number"){if(l==="number"&&(t=t.toString(),t===n))return n;if(o){let i=n[0];i&&i.nodeType===3?i.data!==t&&(i.data=t):i=document.createTextNode(t),n=X(e,n,r,i)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||l==="boolean")n=X(e,n,r);else{if(l==="function")return E(()=>{let i=t();for(;typeof i=="function";)i=i();n=me(e,i,n,r)}),()=>n;if(Array.isArray(t)){const i=[],a=n&&Array.isArray(n);if(Oe(i,t,n,s))return E(()=>n=me(e,i,n,r,!0)),()=>n;if(i.length===0){if(n=X(e,n,r),o)return n}else a?n.length===0?Ue(e,i,r):Et(e,n,i):(n&&X(e),Ue(e,i));n=i}else if(t.nodeType){if(Array.isArray(n)){if(o)return n=X(e,n,r,t);X(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function Oe(e,t,n,r){let s=!1;for(let l=0,o=t.length;l<o;l++){let i=t[l],a=n&&n[e.length],c;if(!(i==null||i===!0||i===!1))if((c=typeof i)=="object"&&i.nodeType)e.push(i);else if(Array.isArray(i))s=Oe(e,i,a)||s;else if(c==="function")if(r){for(;typeof i=="function";)i=i();s=Oe(e,Array.isArray(i)?i:[i],Array.isArray(a)?a:[a])||s}else e.push(i),s=!0;else{const u=String(i);a&&a.nodeType===3&&a.data===u?e.push(a):e.push(document.createTextNode(u))}}return s}function Ue(e,t,n=null){for(let r=0,s=t.length;r<s;r++)e.insertBefore(t[r],n)}function X(e,t,n,r){if(n===void 0)return e.textContent="";const s=r||document.createTextNode("");if(t.length){let l=!1;for(let o=t.length-1;o>=0;o--){const i=t[o];if(s!==i){const a=i.parentNode===e;!l&&!o?a?e.replaceChild(s,i):e.insertBefore(s,n):a&&i.remove()}else l=!0}}else e.insertBefore(s,n);return[s]}const Nt="http://www.w3.org/2000/svg";function Lt(e,t=!1,n=void 0){return t?document.createElementNS(Nt,e):document.createElement(e,{is:n})}function It(e){const{useShadow:t}=e,n=document.createTextNode(""),r=()=>e.mount||document.body,s=$t();let l;return K(()=>{l||(l=wt(s,()=>H(()=>e.children)));const o=r();if(o instanceof HTMLHeadElement){const[i,a]=A(!1),c=()=>a(!0);le(u=>d(o,()=>i()?u():l(),null)),q(c)}else{const i=Lt(e.isSVG?"g":"div",e.isSVG),a=t&&i.attachShadow?i.attachShadow({mode:"open"}):i;Object.defineProperty(i,"_$host",{get(){return n.parentNode},configurable:!0}),d(a,l),o.appendChild(i),e.ref&&e.ref(i),q(()=>o.removeChild(i))}},void 0,{render:!0}),n}async function Xe(e){const t=await fetch(e,{credentials:"same-origin"});if(!t.ok)throw new Error(`${e}: ${t.status} ${t.statusText}`);return await t.json()}function Ze(){return Xe("/view/api/state")}function jt(){return Xe("/view/api/version")}const pe=Symbol("store-raw"),z=Symbol("store-node"),M=Symbol("store-has"),ze=Symbol("store-self");function Qe(e){let t=e[G];if(!t&&(Object.defineProperty(e,G,{value:t=new Proxy(e,Rt)}),!Array.isArray(e))){const n=Object.keys(e),r=Object.getOwnPropertyDescriptors(e);for(let s=0,l=n.length;s<l;s++){const o=n[s];r[o].get&&Object.defineProperty(e,o,{enumerable:r[o].enumerable,get:r[o].get.bind(t)})}}return t}function ee(e){let t;return e!=null&&typeof e=="object"&&(e[G]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function te(e,t=new Set){let n,r,s,l;if(n=e!=null&&e[pe])return n;if(!ee(e)||t.has(e))return e;if(Array.isArray(e)){Object.isFrozen(e)?e=e.slice(0):t.add(e);for(let o=0,i=e.length;o<i;o++)s=e[o],(r=te(s,t))!==s&&(e[o]=r)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const o=Object.keys(e),i=Object.getOwnPropertyDescriptors(e);for(let a=0,c=o.length;a<c;a++)l=o[a],!i[l].get&&(s=e[l],(r=te(s,t))!==s&&(e[l]=r))}return e}function $e(e,t){let n=e[t];return n||Object.defineProperty(e,t,{value:n=Object.create(null)}),n}function ae(e,t,n){if(e[t])return e[t];const[r,s]=A(n,{equals:!1,internal:!0});return r.$=s,e[t]=r}function Dt(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===G||t===z||(delete n.value,delete n.writable,n.get=()=>e[G][t]),n}function et(e){Ce()&&ae($e(e,z),ze)()}function Mt(e){return et(e),Reflect.ownKeys(e)}const Rt={get(e,t,n){if(t===pe)return e;if(t===G)return n;if(t===Ee)return et(e),n;const r=$e(e,z),s=r[t];let l=s?s():e[t];if(t===z||t===M||t==="__proto__")return l;if(!s){const o=Object.getOwnPropertyDescriptor(e,t);Ce()&&(typeof l!="function"||e.hasOwnProperty(t))&&!(o&&o.get)&&(l=ae(r,t,l)())}return ee(l)?Qe(l):l},has(e,t){return t===pe||t===G||t===Ee||t===z||t===M||t==="__proto__"?!0:(Ce()&&ae($e(e,M),t)(),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:Mt,getOwnPropertyDescriptor:Dt};function ne(e,t,n,r=!1){if(!r&&e[t]===n)return;const s=e[t],l=e.length;n===void 0?(delete e[t],e[M]&&e[M][t]&&s!==void 0&&e[M][t].$()):(e[t]=n,e[M]&&e[M][t]&&s===void 0&&e[M][t].$());let o=$e(e,z),i;if((i=ae(o,t,s))&&i.$(()=>n),Array.isArray(e)&&e.length!==l){for(let a=e.length;a<l;a++)(i=o[a])&&i.$();(i=ae(o,"length",l))&&i.$(e.length)}(i=o[ze])&&i.$()}function tt(e,t){const n=Object.keys(t);for(let r=0;r<n.length;r+=1){const s=n[r];ne(e,s,t[s])}}function Bt(e,t){if(typeof t=="function"&&(t=t(e)),t=te(t),Array.isArray(t)){if(e===t)return;let n=0,r=t.length;for(;n<r;n++){const s=t[n];e[n]!==s&&ne(e,n,s)}ne(e,"length",r)}else tt(e,t)}function se(e,t,n=[]){let r,s=e;if(t.length>1){r=t.shift();const o=typeof r,i=Array.isArray(e);if(Array.isArray(r)){for(let a=0;a<r.length;a++)se(e,[r[a]].concat(t),n);return}else if(i&&o==="function"){for(let a=0;a<e.length;a++)r(e[a],a)&&se(e,[a].concat(t),n);return}else if(i&&o==="object"){const{from:a=0,to:c=e.length-1,by:u=1}=r;for(let f=a;f<=c;f+=u)se(e,[f].concat(t),n);return}else if(t.length>1){se(e[r],t,[r].concat(n));return}s=e[r],n=[r].concat(n)}let l=t[0];typeof l=="function"&&(l=l(s,n),l===s)||r===void 0&&l==null||(l=te(l),r===void 0||ee(s)&&ee(l)&&!Array.isArray(l)?tt(s,l):ne(e,r,l))}function Wt(...[e,t]){const n=te(e||{}),r=Array.isArray(n),s=Qe(n);function l(...o){bt(()=>{r&&o.length===1?Bt(n,o[0]):se(n,o)})}return[s,l]}const we=new WeakMap,nt={get(e,t){if(t===pe)return e;const n=e[t];let r;return ee(n)?we.get(n)||(we.set(n,r=new Proxy(n,nt)),r):n},set(e,t,n){return ne(e,t,te(n)),!0},deleteProperty(e,t){return ne(e,t,void 0,!0),!0}};function F(e){return t=>{if(ee(t)){let n;(n=we.get(t))||we.set(t,n=new Proxy(t,nt)),e(n)}return t}}const[Ut,Ht]=A(0);setInterval(()=>Ht(e=>e+1),5e3);function Le(e){const t={};for(const n of e.backends)t[n.name]=n.state;for(const n of e.frontends){let r=0;for(let a=0;a<n.pools.length;a++){let c=!1;for(const u of n.pools[a].backends)if(t[u.name]==="up"&&u.weight>0){c=!0;break}if(c){r=a;break}}let s=!1,l=!1,o=!0;const i=new Set;for(let a=0;a<n.pools.length;a++)for(const c of n.pools[a].backends){const u=t[c.name];c.effective_weight=u==="up"&&a===r?c.weight:0,c.effective_weight>0&&(s=!0),i.has(c.name)||(i.add(c.name),l=!0,u!=="unknown"&&(o=!1))}!l||o?n.state="unknown":s?n.state="up":n.state="down"}}const[Y,W]=Wt({byName:{},settling:{}}),Ft=2e3,ie=new Map;function Vt(e,t){return`${e}\0${t}`}function rt(e,t){W(F(s=>{s.settling[e]||(s.settling[e]={}),s.settling[e][t]=!0}));const n=Vt(e,t),r=ie.get(n);r&&clearTimeout(r),ie.set(n,setTimeout(()=>{ie.delete(n),W(F(s=>{s.settling[e]&&delete s.settling[e][t]}))},Ft))}function Kt(e){for(const[t,n]of ie)t.startsWith(e+"\0")&&(clearTimeout(n),ie.delete(t));W(F(t=>{t.settling[e]&&(t.settling[e]={})}))}function st(e){const t={};for(const n of e)Le(n),t[n.maglevd.name]=n;W({byName:t})}function Gt(e,t){W(F(r=>{const s=r.byName[e];if(!s)return;const l=s.backends.find(o=>o.name===t.backend);l&&(l.state=t.transition.to,l.enabled=t.transition.to!=="disabled",l.last_transition=t.transition,l.transitions||(l.transitions=[]),l.transitions.push(t.transition),l.transitions.length>20&&(l.transitions=l.transitions.slice(l.transitions.length-20)),Le(s))}));const n=Y.byName[e];if(n)for(const r of n.frontends)r.pools.some(s=>s.backends.some(l=>l.name===t.backend))&&rt(e,r.name)}function qt(e,t){W(F(n=>{const r=n.byName[e];if(!r)return;const s=t.per_frontend;if(!s||Object.keys(s).length===0){r.lb_state!==void 0&&(r.lb_state=void 0);return}r.lb_state||(r.lb_state={per_frontend:{}});const o=r.lb_state.per_frontend;for(const i of Object.keys(s)){o[i]||(o[i]={});const a=o[i],c=s[i];for(const u of Object.keys(c))a[u]!==c[u]&&(a[u]=c[u]);for(const u of Object.keys(a))u in c||delete a[u]}for(const i of Object.keys(o))i in s||delete o[i]})),Kt(e)}function Yt(e,t,n){return e?.lb_state?.per_frontend?.[t]?.[n]}function Jt(e,t){W(F(n=>{const r=n.byName[e];r&&(r.vpp_state=t)}))}function Xt(e,t){W(F(n=>{const r=n.byName[e];r&&(r.maglevd.connected=t.connected,r.maglevd.last_error=t.last_error)}))}function Zt(e,t,n,r,s){W(F(l=>{const o=l.byName[e];if(!o)return;const i=o.frontends.find(u=>u.name===t);if(!i)return;const a=i.pools.find(u=>u.name===n);if(!a)return;const c=a.backends.find(u=>u.name===r);c&&(c.weight=s,Le(o))})),rt(e,t)}function zt(e,t){const n={};for(const f of e.backends)n[f.name]=f.state;const r=!!e.lb_state,s=e.lb_state?.per_frontend?.[t.name],l=!!Y.settling[e.maglevd.name]?.[t.name];let o=!1,i=!1;for(const f of t.pools)for(const $ of f.backends)if(n[$.name]!=="up"&&(o=!0),!l&&r&&$.effective_weight>0){const g=s?.[$.name];(g===void 0||g===0)&&(i=!0)}const a=t.pools[0],c=!!a&&a.backends.some(f=>f.weight>0),u=!a||a.backends.every(f=>f.effective_weight===0);return!o&&c&&!i?"ok":i?"bug-buckets":u?"primary-drained":o?"degraded":"unknown"}function Qt(e,t){switch(zt(e,t)){case"ok":return"✅";case"bug-buckets":return"‼️";case"primary-drained":return"❗";case"degraded":return"⚠️";case"unknown":return"❓"}}function en(e,t){return e.includes(":")?`[${e}]:${t}`:`${e}:${t}`}function tn(e){if(Ut(),!e||!e.at_unix_ns||e.at_unix_ns<=0)return"";const t=Date.now()-e.at_unix_ns/1e6,n=Math.floor(t/1e3);if(n<=1)return"now";const r=n%60,s=Math.floor(n/60);if(s<1)return`${n}s ago`;const l=s%60,o=Math.floor(s/60);if(o<1)return`${l}m${r}s ago`;const i=o%24,a=Math.floor(o/24);return a<1?`${o}h${l}m ago`:`${a}d${i}h ago`}const He=500,[ve,nn]=A([]);function rn(e){nn(t=>{const n=[...t,e];return n.length>He?n.slice(n.length-He):n})}const sn=1e4,ln=3e4;function on(){let e,t=!1;const n=i=>{try{const a=JSON.parse(i.data);an(a)}catch(a){console.error("sse parse error",a,i.data)}},r=async()=>{try{const i=await Ze();st(i)}catch(i){console.error("resync refetch failed",i)}},s=()=>{e&&(e.close(),e=void 0),e=new EventSource("/view/api/events"),e.onmessage=n,e.addEventListener("resync",r),e.onerror=i=>{console.debug("sse error, browser will reconnect",i)}},l=i=>{t||(t=!0,console.info("sse reconnecting:",i),s(),setTimeout(()=>{t=!1},1e3))};let o=Date.now();setInterval(()=>{const i=Date.now(),a=i-o;o=i,a>ln&&l(`wake detected (${Math.round(a/1e3)}s gap)`)},sn),s()}function an(e){switch(rn(e),e.type){case"backend":Gt(e.maglevd,e.payload);break;case"frontend":e.maglevd,e.payload;break;case"maglevd-status":Xt(e.maglevd,e.payload);break;case"vpp-status":Jt(e.maglevd,e.payload.state);break;case"lb-state":qt(e.maglevd,e.payload);break}}const[Se,lt]=A(void 0);var cn=b("<nav class=scope-selector>"),un=b("<button class=scope-tab><span class=dot>");const fn=()=>{const e=()=>Object.keys(Y.byName).sort();return(()=>{var t=cn();return d(t,h(Q,{get each(){return e()},children:n=>{const r=()=>Y.byName[n],s=()=>r()?.maglevd.connected??!1;return(()=>{var l=un();return l.firstChild,l.$$click=()=>lt(n),d(l,n,null),E(o=>{var i=Se()===n,a=!!s(),c=!s(),u=r()?.maglevd.address??"";return i!==o.e&&l.classList.toggle("active",o.e=i),a!==o.t&&l.classList.toggle("connected",o.t=a),c!==o.a&&l.classList.toggle("disconnected",o.a=c),u!==o.o&&L(l,"title",o.o=u),o},{e:void 0,t:void 0,a:void 0,o:void 0}),l})()}})),t})()};_e(["click"]);var dn=b("<span class=status-badge>");const it=e=>(()=>{var t=dn();return d(t,()=>e.label??e.state),E(()=>L(t,"data-state",e.state)),t})();var gn=b("<span class=probe-heartbeat>");const hn="▶",bn="⏸",mn="⏹",pn="❤️",Fe=400;function $n(e){switch(e){case"paused":return bn;case"disabled":case"removed":return mn;default:return hn}}const wn=e=>{const[t,n]=A(!1);let r,s;return K(()=>{const l=ve();if(l.length===0)return;const o=l[l.length-1];if(o.type!=="log"||o.maglevd!==e.maglevd)return;const i=o.payload;i.attrs?.backend===e.backend&&i.msg==="probe-start"&&(n(!0),r?.animate([{transform:"scale(1)"},{transform:"scale(1.6)",offset:.25},{transform:"scale(1)"}],{duration:Fe,easing:"ease-out"}),s!==void 0&&clearTimeout(s),s=window.setTimeout(()=>{n(!1),s=void 0},Fe))}),q(()=>{s!==void 0&&clearTimeout(s)}),(()=>{var l=gn(),o=r;return typeof o=="function"?ke(o,l):r=l,d(l,(()=>{var i=I(()=>!!t());return()=>i()?pn:$n(e.state)})()),E(()=>l.classList.toggle("in-flight",!!t())),l})()};var vn=b("<span class=flash-target>");const Z=e=>{let t;return K(mt(()=>e.value,()=>{t?.animate([{transform:"scale(1)",backgroundColor:"#facc15",boxShadow:"0 0 0 2px #facc15",offset:0},{transform:"scale(1.35)",backgroundColor:"#facc15",boxShadow:"0 0 0 4px #facc15",offset:.18},{transform:"scale(1)",backgroundColor:"#facc15",boxShadow:"0 0 0 2px #facc15",offset:.5},{transform:"scale(1)",backgroundColor:"transparent",boxShadow:"0 0 0 0 transparent",offset:1}],{duration:1500,easing:"ease-out"})},{defer:!0})),(()=>{var n=vn(),r=t;return typeof r=="function"?ke(r,n):t=n,d(n,()=>e.children??e.value),n})()};async function yn(e,t,n){const r=`/admin/api/${encodeURIComponent(e)}/backend/${encodeURIComponent(t)}/${n}`,s=await fetch(r,{method:"POST",credentials:"same-origin"});if(!s.ok){const l=(await s.text()).trim();throw new Error(l||`${s.status} ${s.statusText}`)}return await s.json()}async function _n(e,t,n,r,s,l){const o=`/admin/api/${encodeURIComponent(e)}/frontend/${encodeURIComponent(t)}/pool/${encodeURIComponent(n)}/backend/${encodeURIComponent(r)}/weight`,i=await fetch(o,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify({weight:s,flush:l})});if(!i.ok){const a=(await i.text()).trim();throw new Error(a||`${i.status} ${i.statusText}`)}return await i.json()}var kn=b("<div class=modal-backdrop><div class=modal-card role=dialog aria-modal=true><header class=modal-header><h3></h3><button type=button class=modal-close aria-label=close>×</button></header><div class=modal-body>");const Sn=e=>(K(()=>{const t=n=>{n.key==="Escape"&&e.onClose()};document.addEventListener("keydown",t),q(()=>document.removeEventListener("keydown",t))}),h(It,{get mount(){return document.body},get children(){var t=kn(),n=t.firstChild,r=n.firstChild,s=r.firstChild,l=s.nextSibling,o=r.nextSibling;return t.$$mousedown=i=>{i.target===i.currentTarget&&e.onClose()},d(s,()=>e.title),Tt(l,"click",e.onClose),d(o,()=>e.children),E(()=>L(n,"aria-label",e.title)),t}}));_e(["mousedown","click"]);var xn=b("<div class=kebab-menu role=menu>"),An=b('<div class=kebab-wrap><button type=button class=kebab-btn aria-haspopup=menu title="backend actions">⋮'),En=b("<button type=button class=kebab-item role=menuitem>"),Cn=b("<p class=dialog-error>"),On=b("<footer class=dialog-footer><button type=button class=btn-secondary>cancel</button><button type=button class=btn-primary>"),Tn=b("<p class=dialog-warn>VPP's flow table will be cleared for this backend. Active sessions will be dropped immediately."),Pn=b('<div class=dialog-body><p class=dialog-target><code></code> in pool <code></code> of frontend <code></code></p><label class=dialog-field><span class=weight-slider-label>weight<output class=weight-slider-value></output></span><input type=range class=weight-slider min=0 max=100 step=1><small>0–100; 0 keeps the backend in the pool but assigns it no traffic</small></label><label class="dialog-field checkbox"><input type=checkbox><span>flush existing flows'),Nn=b("<p class=dialog-note>VPP's flow table is left alone. Existing sessions keep reaching this backend until they finish."),Ln=b("<div class=dialog-body><p class=dialog-consequence>");function In(e){const t={label:"set weight…",action:"weight"};switch(e){case"up":case"down":case"unknown":return[t,{label:"pause",action:"pause"},{label:"disable",action:"disable"}];case"paused":return[t,{label:"resume",action:"resume"},{label:"disable",action:"disable"}];case"disabled":return[t,{label:"enable",action:"enable"}];default:return[]}}function jn(e){switch(e){case"pause":return"This will stop health checks and set the weight to 0, but existing flows to this backend are kept. New traffic will be rerouted to other backends.";case"resume":return"This will restart health checks. The backend re-enters the 'unknown' state and will start receiving traffic once it probes up.";case"disable":return"This will stop health checks, set the weight to 0, AND flush VPP's flow table for this backend. Active sessions will be dropped immediately.";case"enable":return"This will restart health checks on a previously disabled backend. It re-enters the 'unknown' state and will start receiving traffic once it probes up."}}const Dn=e=>{const[t,n]=A(!1),[r,s]=A(),[l,o]=A(!1),[i,a]=A(),[c,u]=A(e.configuredWeight),[f,$]=A(!1);let g;const v=()=>In(e.state);K(()=>{if(!t())return;const p=y=>{g&&(g.contains(y.target)||n(!1))},m=y=>{y.key==="Escape"&&n(!1)};document.addEventListener("mousedown",p),document.addEventListener("keydown",m),q(()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",m)})});const w=p=>{n(!1),a(void 0),p==="weight"&&(u(e.configuredWeight),$(!1)),s(p)},T=()=>{l()||(s(void 0),a(void 0))},C=async()=>{const p=r();if(p){o(!0),a(void 0);try{if(p==="weight"){const m=c();if(!Number.isFinite(m)||m<0||m>100)throw new Error("weight must be an integer in [0, 100]");const y=Math.floor(m);await _n(e.maglevd,e.frontend,e.pool,e.backend,y,f()),Zt(e.maglevd,e.frontend,e.pool,e.backend,y)}else await yn(e.maglevd,e.backend,p);s(void 0)}catch(m){a(`${m}`)}finally{o(!1)}}};return h(N,{get when(){return v().length>0},get children(){var p=An(),m=p.firstChild,y=g;return typeof y=="function"?ke(y,p):g=p,m.$$click=S=>{S.stopPropagation(),n(x=>!x)},d(p,h(N,{get when(){return t()},get children(){var S=xn();return d(S,h(Q,{get each(){return v()},children:x=>(()=>{var P=En();return P.$$click=()=>w(x.action),d(P,()=>x.label),P})()})),S}}),null),d(p,h(N,{get when(){return r()},children:S=>h(Sn,{get title(){return Mn(S(),e.backend)},onClose:T,get children(){return[I(()=>I(()=>S()==="weight")()?(()=>{var x=Pn(),P=x.firstChild,j=P.firstChild,D=j.nextSibling,re=D.nextSibling,ue=re.nextSibling,fe=ue.nextSibling,je=P.nextSibling,De=je.firstChild,ct=De.firstChild,ut=ct.nextSibling,Me=De.nextSibling,ft=je.nextSibling,Re=ft.firstChild;return d(j,()=>e.backend),d(re,()=>e.pool),d(fe,()=>e.frontend),d(ut,c),Me.$$input=xe=>u(Number(xe.currentTarget.value)),Re.addEventListener("change",xe=>$(xe.currentTarget.checked)),d(x,h(N,{get when(){return f()},get fallback(){return Nn()},get children(){return Tn()}}),null),E(()=>Me.value=c()),E(()=>Re.checked=f()),x})():(()=>{var x=Ln(),P=x.firstChild;return d(P,()=>jn(S())),x})()),h(N,{get when(){return i()},get children(){var x=Cn();return d(x,i),x}}),(()=>{var x=On(),P=x.firstChild,j=P.nextSibling;return P.$$click=T,j.$$click=C,d(j,()=>l()?"committing…":"commit"),E(D=>{var re=l(),ue=!!(S()==="disable"||S()==="weight"&&f()),fe=l();return re!==D.e&&(P.disabled=D.e=re),ue!==D.t&&j.classList.toggle("btn-danger",D.t=ue),fe!==D.a&&(j.disabled=D.a=fe),D},{e:void 0,t:void 0,a:void 0}),x})()]}})}),null),E(()=>L(m,"aria-expanded",t())),p}})};function Mn(e,t){switch(e){case"weight":return`Set weight — ${t}`;case"pause":return`Pause ${t}?`;case"resume":return`Resume ${t}?`;case"disable":return`Disable ${t}?`;case"enable":return`Enable ${t}?`}}_e(["click","input"]);const U=window.location.pathname.startsWith("/admin");var Rn=b("<td class=actions>"),Bn=b("<tr class=backend-row><td class=col-pool></td><td class=backend-name><span class=backend-name-text></span></td><td class=backend-address></td><td></td><td class=numeric></td><td class=numeric></td><td class=numeric></td><td class=age>");const Wn=e=>{const t=()=>e.backend,n=H(()=>{const r=Yt(Y.byName[e.maglevd],e.frontend,t().name);return r===void 0?"—":r});return(()=>{var r=Bn(),s=r.firstChild,l=s.nextSibling,o=l.firstChild,i=l.nextSibling,a=i.nextSibling,c=a.nextSibling,u=c.nextSibling,f=u.nextSibling,$=f.nextSibling;return d(s,(()=>{var g=I(()=>!!e.showPool);return()=>g()?e.pool:""})()),d(l,h(wn,{get maglevd(){return e.maglevd},get backend(){return t().name},get state(){return t().state}}),o),d(o,()=>t().name),d(i,()=>t().address),d(a,h(Z,{get value(){return t().state},get children(){return h(it,{get state(){return t().state}})}})),d(c,h(Z,{get value(){return e.poolBackend.weight}})),d(u,h(Z,{get value(){return e.poolBackend.effective_weight}})),d(f,h(Z,{get value(){return n()}})),d($,()=>tn(t().last_transition)),d(r,h(N,{when:U,get children(){var g=Rn();return d(g,h(Dn,{get maglevd(){return e.maglevd},get frontend(){return e.frontend},get pool(){return e.pool},get backend(){return t().name},get state(){return t().state},get configuredWeight(){return e.poolBackend.weight}})),g}}),null),E(g=>{var v=!e.poolActive,w=t().state;return v!==g.e&&r.classList.toggle("pool-standby",g.e=v),w!==g.t&&L(r,"data-state",g.t=w),g},{e:void 0,t:void 0}),r})()},Te="maglev_zippy_open",Un=60*60*24*365;function Hn(){try{const e=document.cookie.split("; ").find(n=>n.startsWith(Te+"="));if(!e)return new Set;const t=decodeURIComponent(e.slice(Te.length+1));return t?new Set(t.split(",")):new Set}catch{return new Set}}function Fn(e){try{const t=encodeURIComponent([...e].join(","));document.cookie=`${Te}=${t}; Path=/; Max-Age=${Un}; SameSite=Lax`}catch{}}const[ot,Vn]=A(Hn());function Kn(e){return ot().has(e)}function Gn(e,t){const n=ot();if(t===n.has(e))return;const r=new Set(n);t?r.add(e):r.delete(e),Vn(r),Fn(r)}var qn=b("<details class=zippy><summary></summary><div class=zippy-body>");const Ie=e=>(()=>{var t=qn(),n=t.firstChild,r=n.nextSibling;return t.addEventListener("toggle",s=>Gn(e.id,s.currentTarget.open)),d(n,()=>e.title),d(r,()=>e.children),E(()=>t.open=Kn(e.id)),t})();var Yn=b("<span class=frontend-title><span class=frontend-title-icon aria-label=health role=img></span><span class=frontend-title-name></span><span class=frontend-title-addr></span><span class=frontend-title-proto>"),Jn=b("<span class=tag>sticky"),Xn=b("<span class=frontend-title-desc>"),Zn=b('<th class="col-actions actions">'),zn=b('<table class=backend-table><thead><tr><th class=col-pool>pool</th><th class=col-name>backend</th><th class=col-address>address</th><th class=col-state>state</th><th class="col-weight numeric">weight</th><th class="col-effective numeric">effective</th><th class="col-buckets numeric">lb buckets</th><th class=col-age>last transition</th></tr></thead><tbody>');const Qn=e=>{const t=()=>Object.fromEntries(e.snap.backends.map(s=>[s.name,s])),n=()=>e.frontend,r=(()=>{var s=Yn(),l=s.firstChild,o=l.nextSibling,i=o.nextSibling,a=i.nextSibling;return d(l,()=>Qt(e.snap,n())),d(o,()=>n().name),d(s,h(Z,{get value(){return n().state??"unknown"},get children(){return h(it,{get state(){return n().state??"unknown"}})}}),i),d(i,()=>en(n().address,n().port)),d(a,()=>n().protocol.toUpperCase()),d(s,(()=>{var c=I(()=>!!n().src_ip_sticky);return()=>c()&&Jn()})(),null),d(s,(()=>{var c=I(()=>!!n().description);return()=>c()&&(()=>{var u=Xn();return d(u,()=>n().description),u})()})(),null),s})();return h(Ie,{get id(){return`frontend-${e.snap.maglevd.name}-${n().name}`},title:r,get children(){var s=zn(),l=s.firstChild,o=l.firstChild,i=o.firstChild,a=i.nextSibling,c=a.nextSibling,u=c.nextSibling,f=u.nextSibling,$=f.nextSibling,g=$.nextSibling;g.nextSibling;var v=l.nextSibling;return d(o,h(N,{when:U,get children(){return Zn()}}),null),d(v,h(Q,{get each(){return n().pools},children:w=>{const T=()=>w.backends.some(C=>C.effective_weight>0);return h(Q,{get each(){return w.backends},children:(C,p)=>{const m=t()[C.name];return m?h(Wn,{get maglevd(){return e.snap.maglevd.name},get frontend(){return n().name},get pool(){return w.name},get showPool(){return p()===0},get poolActive(){return T()},backend:m,poolBackend:C}):null}})}})),s}})};var er=b("<span class=vpp-badge>"),tr=b("<span class=zippy-title>VPP<span class=vpp-io aria-hidden=true><span class=vpp-io-label>API:</span><span class=vpp-tx>↑</span><span class=vpp-rx>↓"),nr=b("<p class=empty>No VPP information available."),rr=b("<dl class=kv><dt>version</dt><dd></dd><dt>build date</dt><dd></dd><dt>pid</dt><dd></dd><dt>booted</dt><dd></dd><dt>connected</dt><dd>");const sr=e=>{const t=()=>e.info?.boottime_ns?new Date(e.info.boottime_ns/1e6).toISOString():"",n=()=>e.info?.connecttime_ns?new Date(e.info.connecttime_ns/1e6).toISOString():"",r=()=>e.state==="connected"?"connected":"disconnected",[s,l]=A(!1),[o,i]=A(!1);let a,c;const u=()=>{l(!0),a&&clearTimeout(a),a=window.setTimeout(()=>{l(!1),a=void 0},250)},f=()=>{i(!0),c&&clearTimeout(c),c=window.setTimeout(()=>{i(!1),c=void 0},250)};K(()=>{const g=ve();if(!g.length)return;const v=g[g.length-1];if(v.maglevd!==e.name||v.type!=="log")return;const w=v.payload?.msg;w&&(w.startsWith("vpp-api-send")?u():w.startsWith("vpp-api-recv")&&f())}),q(()=>{a&&clearTimeout(a),c&&clearTimeout(c)});const $=(()=>{var g=tr(),v=g.firstChild,w=v.nextSibling,T=w.firstChild,C=T.nextSibling,p=C.nextSibling;return d(g,h(Z,{get value(){return r()},get children(){var m=er();return d(m,r),E(()=>L(m,"data-state",r())),m}}),w),E(m=>{var y=!!s(),S=!!o();return y!==m.e&&C.classList.toggle("lit",m.e=y),S!==m.t&&p.classList.toggle("lit",m.t=S),m},{e:void 0,t:void 0}),g})();return h(Ie,{get id(){return`vpp-${e.name}`},title:$,get children(){return h(N,{get when(){return e.info},get fallback(){return nr()},children:g=>(()=>{var v=rr(),w=v.firstChild,T=w.nextSibling,C=T.nextSibling,p=C.nextSibling,m=p.nextSibling,y=m.nextSibling,S=y.nextSibling,x=S.nextSibling,P=x.nextSibling,j=P.nextSibling;return d(T,()=>g().version),d(p,()=>g().build_date),d(y,()=>g().pid),d(x,t),d(j,n),v})()})}})};var lr=b("<main class=overview>"),ir=b("<p class=empty>No maglevd selected."),or=b('<div class="banner warn"> disconnected'),ar=b("<div class=frontend-list>");const cr=()=>{const e=()=>{const t=Se();return t?Y.byName[t]:void 0};return(()=>{var t=lr();return d(t,h(N,{get when(){return e()},get fallback(){return ir()},children:n=>[h(N,{get when(){return!n().maglevd.connected},get children(){var r=or(),s=r.firstChild;return d(r,()=>n().maglevd.name,s),d(r,(()=>{var l=I(()=>!!n().maglevd.last_error);return()=>l()&&`: ${n().maglevd.last_error}`})(),null),r}}),(()=>{var r=ar();return d(r,h(Q,{get each(){return n().frontends},children:s=>h(Qn,{get snap(){return n()},frontend:s})})),r})(),h(sr,{get name(){return n().maglevd.name},get info(){return n().vpp_info},get state(){return n().vpp_state}})]})),t})()};var ur=b("<ol class=event-tail>"),fr=b("<div class=debug-toolbar><label><input type=checkbox>all maglevds</label><button></button><span class=count> events"),dr=b("<li>");const gr=()=>{const[e,t]=A(!1),[n,r]=A(!1),[s,l]=A([]),o=H(()=>{const c=n()?s():ve();if(e())return c;const u=Se();return u?c.filter(f=>f.maglevd===u):c}),i=()=>{n()?r(!1):(l([...ve()]),r(!0))};let a;return K(()=>{o(),!n()&&a&&(a.scrollTop=a.scrollHeight)}),h(Ie,{id:"debug-events",title:"Event stream",get children(){return[(()=>{var c=ur(),u=a;return typeof u=="function"?ke(u,c):a=c,d(c,h(Q,{get each(){return o()},children:f=>(()=>{var $=dr();return d($,()=>mr(f)),E(g=>{var v=`event-row event-${f.type}`,w=!!hr(f);return v!==g.e&&Ot($,g.e=v),w!==g.t&&$.classList.toggle("event-sync",g.t=w),g},{e:void 0,t:void 0}),$})()})),c})(),(()=>{var c=fr(),u=c.firstChild,f=u.firstChild,$=u.nextSibling,g=$.nextSibling,v=g.firstChild;return f.addEventListener("change",w=>t(w.currentTarget.checked)),$.$$click=i,d($,()=>n()?"resume":"pause"),d(g,()=>o().length,v),E(()=>f.checked=e()),c})()]}})};function hr(e){return e.type!=="log"?!1:e.payload.msg.startsWith("vpp-lb-sync-")}function br(e){if(!e)return"";const t=["vip","protocol","port","address","weight","from","to","encap","src-ip-sticky","flush"],n=[],r=new Set;for(const s of t)s in e&&(n.push(`${s}=${e[s]}`),r.add(s));for(const[s,l]of Object.entries(e))r.has(s)||n.push(`${s}=${l}`);return n.join(" ")}function mr(e){const t=new Date(e.at_unix_ns/1e6).toISOString().substring(11,23),n=`[${e.maglevd}]`;switch(e.type){case"backend":{const r=e.payload;return`${t} ${n} backend ${r.backend}: ${r.transition.from} → ${r.transition.to}`}case"frontend":{const r=e.payload;return`${t} ${n} frontend ${r.frontend}: ${r.transition.from} → ${r.transition.to}`}case"log":{const r=e.payload;if(r.msg.startsWith("vpp-lb-sync-"))return`${t} ${n} ${r.msg} ${br(r.attrs)}`.trimEnd();const s=r.attrs?Object.entries(r.attrs).map(([l,o])=>`${l}=${o}`).join(" "):"";return`${t} ${n} ${r.level} ${r.msg} ${s}`.trimEnd()}case"maglevd-status":return`${t} ${n} maglevd status: ${JSON.stringify(e.payload)}`;default:return`${t} ${n} ${e.type}`}}_e(["click"]);const pr="/view/assets/logo-bimi-Bguc6E_L.svg";var $r=b("<span class=mode-tag>"),wr=b("<a class=admin-toggle>"),vr=b('<div class=app><header class=app-header><div class=brand><a class=brand-logo href=https://ipng.ch/ target=_blank rel=noopener title="IPng Networks"><img alt=IPng></a><a class=brand-name href=https://git.ipng.ch/ipng/vpp-maglev target=_blank rel=noopener title="vpp-maglev on git.ipng.ch"><strong>vpp-maglev'),yr=b("<span class=version> (<!>)"),_r=b('<div class="banner err">'),kr=b("<p class=loading>Loading…");const Sr=()=>{const[e,t]=A(),[n,r]=A();pt(async()=>{try{const[l,o]=await Promise.all([Ze(),jt()]);st(l),r(o),!Se()&&l.length>0&&lt(l[0].maglevd.name),on()}catch(l){t(`${l}`)}});const s=()=>n()?.admin_enabled===!0;return(()=>{var l=vr(),o=l.firstChild,i=o.firstChild,a=i.firstChild,c=a.firstChild;return a.nextSibling,L(c,"src",pr),d(i,(()=>{var u=I(()=>!!n());return()=>u()&&(()=>{var f=yr(),$=f.firstChild,g=$.nextSibling;return g.nextSibling,d(f,()=>n().version,$),d(f,()=>n().commit,g),E(()=>L(f,"title",`commit ${n().commit} · built ${n().date}`)),f})()})(),null),d(o,h(fn,{}),null),d(o,h(N,{get when(){return U||s()},get children(){var u=$r();return d(u,U?"admin":"view"),u}}),null),d(o,h(N,{get when(){return s()},get children(){var u=wr();return L(u,"href",U?"/view/":"/admin/"),L(u,"title",U?"exit admin mode":"enter admin mode"),d(u,U?"exit admin":"admin…"),u}}),null),d(l,(()=>{var u=I(()=>!!e());return()=>u()&&(()=>{var f=_r();return d(f,e),f})()})(),null),d(l,(()=>{var u=I(()=>!e()&&Object.keys(Y.byName).length===0);return()=>u()&&kr()})(),null),d(l,h(cr,{}),null),d(l,h(N,{when:U,get children(){return h(gr,{})}}),null),l})()},at=document.getElementById("root");if(!at)throw new Error("no #root element");Ct(()=>h(Sr,{}),at);
diff --git a/cmd/frontend/web/dist/assets/index-DjixLt11.js b/cmd/frontend/web/dist/assets/index-DjixLt11.js
deleted file mode 100644
index 028ea25..0000000
--- a/cmd/frontend/web/dist/assets/index-DjixLt11.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))r(s);new MutationObserver(s=>{for(const l of s)if(l.type==="childList")for(const i of l.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(s){const l={};return s.integrity&&(l.integrity=s.integrity),s.referrerPolicy&&(l.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?l.credentials="include":s.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function r(s){if(s.ep)return;s.ep=!0;const l=n(s);fetch(s.href,l)}})();const at=!1,ct=(e,t)=>e===t,H=Symbol("solid-proxy"),Ae=Symbol("solid-track"),ce={equals:ct};let We=Ke;const V=1,ue=2,Fe={owned:null,cleanups:null,context:null,owner:null};var S=null;let xe=null,ut=null,_=null,P=null,B=null,ve=0;function te(e,t){const n=_,r=S,s=e.length===0,l=t===void 0?r:t,i=s?Fe:{owned:null,cleanups:null,context:l?l.context:null,owner:l},o=s?e:()=>e(()=>R(()=>re(i)));S=i,_=null;try{return K(o,!0)}finally{_=n,S=r}}function A(e,t){t=t?Object.assign({},ce,t):ce;const n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},r=s=>(typeof s=="function"&&(s=s(n.value)),Ge(n,s));return[He.bind(n),r]}function C(e,t,n){const r=Pe(e,t,!1,V);le(r)}function W(e,t,n){We=pt;const r=Pe(e,t,!1,V);(!n||!n.render)&&(r.user=!0),B?B.push(r):le(r)}function F(e,t,n){n=n?Object.assign({},ce,n):ce;const r=Pe(e,t,!0,0);return r.observers=null,r.observerSlots=null,r.comparator=n.equals||void 0,le(r),He.bind(r)}function ft(e){return K(e,!1)}function R(e){if(_===null)return e();const t=_;_=null;try{return e()}finally{_=t}}function dt(e,t,n){const r=Array.isArray(e);let s,l=n&&n.defer;return i=>{let o;if(r){o=Array(e.length);for(let c=0;c<e.length;c++)o[c]=e[c]()}else o=e();if(l)return l=!1,i;const a=R(()=>t(o,s,i));return s=o,a}}function gt(e){W(()=>R(e))}function G(e){return S===null||(S.cleanups===null?S.cleanups=[e]:S.cleanups.push(e)),e}function Ce(){return _}function ht(){return S}function bt(e,t){const n=S,r=_;S=e,_=null;try{return K(t,!0)}catch(s){Te(s)}finally{S=n,_=r}}function He(){if(this.sources&&this.state)if(this.state===V)le(this);else{const e=P;P=null,K(()=>de(this),!1),P=e}if(_){const e=this.observers?this.observers.length:0;_.sources?(_.sources.push(this),_.sourceSlots.push(e)):(_.sources=[this],_.sourceSlots=[e]),this.observers?(this.observers.push(_),this.observerSlots.push(_.sources.length-1)):(this.observers=[_],this.observerSlots=[_.sources.length-1])}return this.value}function Ge(e,t,n){let r=e.value;return(!e.comparator||!e.comparator(r,t))&&(e.value=t,e.observers&&e.observers.length&&K(()=>{for(let s=0;s<e.observers.length;s+=1){const l=e.observers[s],i=xe&&xe.running;i&&xe.disposed.has(l),(i?!l.tState:!l.state)&&(l.pure?P.push(l):B.push(l),l.observers&&qe(l)),i||(l.state=V)}if(P.length>1e6)throw P=[],new Error},!1)),t}function le(e){if(!e.fn)return;re(e);const t=ve;mt(e,e.value,t)}function mt(e,t,n){let r;const s=S,l=_;_=S=e;try{r=e.fn(t)}catch(i){return e.pure&&(e.state=V,e.owned&&e.owned.forEach(re),e.owned=null),e.updatedAt=n+1,Te(i)}finally{_=l,S=s}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?Ge(e,r):e.value=r,e.updatedAt=n)}function Pe(e,t,n,r=V,s){const l={fn:e,state:r,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:S,context:S?S.context:null,pure:n};return S===null||S!==Fe&&(S.owned?S.owned.push(l):S.owned=[l]),l}function fe(e){if(e.state===0)return;if(e.state===ue)return de(e);if(e.suspense&&R(e.suspense.inFallback))return e.suspense.effects.push(e);const t=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<ve);)e.state&&t.push(e);for(let n=t.length-1;n>=0;n--)if(e=t[n],e.state===V)le(e);else if(e.state===ue){const r=P;P=null,K(()=>de(e,t[0]),!1),P=r}}function K(e,t){if(P)return e();let n=!1;t||(P=[]),B?n=!0:B=[],ve++;try{const r=e();return $t(n),r}catch(r){n||(B=null),P=null,Te(r)}}function $t(e){if(P&&(Ke(P),P=null),e)return;const t=B;B=null,t.length&&K(()=>We(t),!1)}function Ke(e){for(let t=0;t<e.length;t++)fe(e[t])}function pt(e){let t,n=0;for(t=0;t<e.length;t++){const r=e[t];r.user?e[n++]=r:fe(r)}for(t=0;t<n;t++)fe(e[t])}function de(e,t){e.state=0;for(let n=0;n<e.sources.length;n+=1){const r=e.sources[n];if(r.sources){const s=r.state;s===V?r!==t&&(!r.updatedAt||r.updatedAt<ve)&&fe(r):s===ue&&de(r,t)}}}function qe(e){for(let t=0;t<e.observers.length;t+=1){const n=e.observers[t];n.state||(n.state=ue,n.pure?P.push(n):B.push(n),n.observers&&qe(n))}}function re(e){let t;if(e.sources)for(;e.sources.length;){const n=e.sources.pop(),r=e.sourceSlots.pop(),s=n.observers;if(s&&s.length){const l=s.pop(),i=n.observerSlots.pop();r<s.length&&(l.sourceSlots[i]=r,s[r]=l,n.observerSlots[r]=i)}}if(e.tOwned){for(t=e.tOwned.length-1;t>=0;t--)re(e.tOwned[t]);delete e.tOwned}if(e.owned){for(t=e.owned.length-1;t>=0;t--)re(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}e.state=0}function vt(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function Te(e,t=S){throw vt(e)}const wt=Symbol("fallback");function Me(e){for(let t=0;t<e.length;t++)e[t]()}function yt(e,t,n={}){let r=[],s=[],l=[],i=0,o=t.length>1?[]:null;return G(()=>Me(l)),()=>{let a=e()||[],c=a.length,f,u;return a[Ae],R(()=>{let g,v,w,E,O,m,$,y,k;if(c===0)i!==0&&(Me(l),l=[],r=[],s=[],i=0,o&&(o=[])),n.fallback&&(r=[wt],s[0]=te(x=>(l[0]=x,n.fallback())),i=1);else if(i===0){for(s=new Array(c),u=0;u<c;u++)r[u]=a[u],s[u]=te(p);i=c}else{for(w=new Array(c),E=new Array(c),o&&(O=new Array(c)),m=0,$=Math.min(i,c);m<$&&r[m]===a[m];m++);for($=i-1,y=c-1;$>=m&&y>=m&&r[$]===a[y];$--,y--)w[y]=s[$],E[y]=l[$],o&&(O[y]=o[$]);for(g=new Map,v=new Array(y+1),u=y;u>=m;u--)k=a[u],f=g.get(k),v[u]=f===void 0?-1:f,g.set(k,u);for(f=m;f<=$;f++)k=r[f],u=g.get(k),u!==void 0&&u!==-1?(w[u]=s[f],E[u]=l[f],o&&(O[u]=o[f]),u=v[u],g.set(k,u)):l[f]();for(u=m;u<c;u++)u in w?(s[u]=w[u],l[u]=E[u],o&&(o[u]=O[u],o[u](u))):s[u]=te(p);s=s.slice(0,i=c),r=a.slice(0)}return s});function p(g){if(l[u]=g,o){const[v,w]=A(u);return o[u]=w,t(a[u],v)}return t(a[u])}}}function h(e,t){return R(()=>e(t||{}))}const _t=e=>`Stale read from <${e}>.`;function J(e){const t="fallback"in e&&{fallback:()=>e.fallback};return F(yt(()=>e.each,e.children,t||void 0))}function N(e){const t=e.keyed,n=F(()=>e.when,void 0,void 0),r=t?n:F(n,void 0,{equals:(s,l)=>!s==!l});return F(()=>{const s=r();if(s){const l=e.children;return typeof l=="function"&&l.length>0?R(()=>l(t?s:()=>{if(!R(r))throw _t("Show");return n()})):l}return e.fallback},void 0,void 0)}const I=e=>F(()=>e());function St(e,t,n){let r=n.length,s=t.length,l=r,i=0,o=0,a=t[s-1].nextSibling,c=null;for(;i<s||o<l;){if(t[i]===n[o]){i++,o++;continue}for(;t[s-1]===n[l-1];)s--,l--;if(s===i){const f=l<r?o?n[o-1].nextSibling:n[l-o]:a;for(;o<l;)e.insertBefore(n[o++],f)}else if(l===o)for(;i<s;)(!c||!c.has(t[i]))&&t[i].remove(),i++;else if(t[i]===n[l-1]&&n[o]===t[s-1]){const f=t[--s].nextSibling;e.insertBefore(n[o++],t[i++].nextSibling),e.insertBefore(n[--l],f),t[s]=n[l]}else{if(!c){c=new Map;let u=o;for(;u<l;)c.set(n[u],u++)}const f=c.get(t[i]);if(f!=null)if(o<f&&f<l){let u=i,p=1,g;for(;++u<s&&u<l&&!((g=c.get(t[u]))==null||g!==f+p);)p++;if(p>f-o){const v=t[i];for(;o<f;)e.insertBefore(n[o++],v)}else e.replaceChild(n[o++],t[i++])}else i++;else t[i++].remove()}}}const Be="_$DX_DELEGATE";function kt(e,t,n,r={}){let s;return te(l=>{s=l,t===document?e():d(t,e(),t.firstChild?null:void 0,n)},r.owner),()=>{s(),t.textContent=""}}function b(e,t,n,r){let s;const l=()=>{const o=document.createElement("template");return o.innerHTML=e,o.content.firstChild},i=()=>(s||(s=l())).cloneNode(!0);return i.cloneNode=i,i}function we(e,t=window.document){const n=t[Be]||(t[Be]=new Set);for(let r=0,s=e.length;r<s;r++){const l=e[r];n.has(l)||(n.add(l),t.addEventListener(l,Ct))}}function L(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function xt(e,t){t==null?e.removeAttribute("class"):e.className=t}function At(e,t,n,r){Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n}function ye(e,t,n){return R(()=>e(t,n))}function d(e,t,n,r){if(n!==void 0&&!r&&(r=[]),typeof t!="function")return ge(e,t,r,n);C(s=>ge(e,t(),s,n),r)}function Ct(e){let t=e.target;const n=`$$${e.type}`,r=e.target,s=e.currentTarget,l=a=>Object.defineProperty(e,"target",{configurable:!0,value:a}),i=()=>{const a=t[n];if(a&&!t.disabled){const c=t[`${n}Data`];if(c!==void 0?a.call(t,c,e):a.call(t,e),e.cancelBubble)return}return t.host&&typeof t.host!="string"&&!t.host._$host&&t.contains(e.target)&&l(t.host),!0},o=()=>{for(;i()&&(t=t._$host||t.parentNode||t.host););};if(Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}}),e.composedPath){const a=e.composedPath();l(a[0]);for(let c=0;c<a.length-2&&(t=a[c],!!i());c++){if(t._$host){t=t._$host,o();break}if(t.parentNode===s)break}}else o();l(r)}function ge(e,t,n,r,s){for(;typeof n=="function";)n=n();if(t===n)return n;const l=typeof t,i=r!==void 0;if(e=i&&n[0]&&n[0].parentNode||e,l==="string"||l==="number"){if(l==="number"&&(t=t.toString(),t===n))return n;if(i){let o=n[0];o&&o.nodeType===3?o.data!==t&&(o.data=t):o=document.createTextNode(t),n=q(e,n,r,o)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||l==="boolean")n=q(e,n,r);else{if(l==="function")return C(()=>{let o=t();for(;typeof o=="function";)o=o();n=ge(e,o,n,r)}),()=>n;if(Array.isArray(t)){const o=[],a=n&&Array.isArray(n);if(Ee(o,t,n,s))return C(()=>n=ge(e,o,n,r,!0)),()=>n;if(o.length===0){if(n=q(e,n,r),i)return n}else a?n.length===0?Re(e,o,r):St(e,n,o):(n&&q(e),Re(e,o));n=o}else if(t.nodeType){if(Array.isArray(n)){if(i)return n=q(e,n,r,t);q(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function Ee(e,t,n,r){let s=!1;for(let l=0,i=t.length;l<i;l++){let o=t[l],a=n&&n[e.length],c;if(!(o==null||o===!0||o===!1))if((c=typeof o)=="object"&&o.nodeType)e.push(o);else if(Array.isArray(o))s=Ee(e,o,a)||s;else if(c==="function")if(r){for(;typeof o=="function";)o=o();s=Ee(e,Array.isArray(o)?o:[o],Array.isArray(a)?a:[a])||s}else e.push(o),s=!0;else{const f=String(o);a&&a.nodeType===3&&a.data===f?e.push(a):e.push(document.createTextNode(f))}}return s}function Re(e,t,n=null){for(let r=0,s=t.length;r<s;r++)e.insertBefore(t[r],n)}function q(e,t,n,r){if(n===void 0)return e.textContent="";const s=r||document.createTextNode("");if(t.length){let l=!1;for(let i=t.length-1;i>=0;i--){const o=t[i];if(s!==o){const a=o.parentNode===e;!l&&!i?a?e.replaceChild(s,o):e.insertBefore(s,n):a&&o.remove()}else l=!0}}else e.insertBefore(s,n);return[s]}const Et="http://www.w3.org/2000/svg";function Pt(e,t=!1,n=void 0){return t?document.createElementNS(Et,e):document.createElement(e,{is:n})}function Tt(e){const{useShadow:t}=e,n=document.createTextNode(""),r=()=>e.mount||document.body,s=ht();let l;return W(()=>{l||(l=bt(s,()=>F(()=>e.children)));const i=r();if(i instanceof HTMLHeadElement){const[o,a]=A(!1),c=()=>a(!0);te(f=>d(i,()=>o()?f():l(),null)),G(c)}else{const o=Pt(e.isSVG?"g":"div",e.isSVG),a=t&&o.attachShadow?o.attachShadow({mode:"open"}):o;Object.defineProperty(o,"_$host",{get(){return n.parentNode},configurable:!0}),d(a,l),i.appendChild(o),e.ref&&e.ref(o),G(()=>i.removeChild(o))}},void 0,{render:!0}),n}async function Ye(e){const t=await fetch(e,{credentials:"same-origin"});if(!t.ok)throw new Error(`${e}: ${t.status} ${t.statusText}`);return await t.json()}function Je(){return Ye("/view/api/state")}function Ot(){return Ye("/view/api/version")}const he=Symbol("store-raw"),Y=Symbol("store-node"),M=Symbol("store-has"),Xe=Symbol("store-self");function ze(e){let t=e[H];if(!t&&(Object.defineProperty(e,H,{value:t=new Proxy(e,It)}),!Array.isArray(e))){const n=Object.keys(e),r=Object.getOwnPropertyDescriptors(e);for(let s=0,l=n.length;s<l;s++){const i=n[s];r[i].get&&Object.defineProperty(e,i,{enumerable:r[i].enumerable,get:r[i].get.bind(t)})}}return t}function X(e){let t;return e!=null&&typeof e=="object"&&(e[H]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function z(e,t=new Set){let n,r,s,l;if(n=e!=null&&e[he])return n;if(!X(e)||t.has(e))return e;if(Array.isArray(e)){Object.isFrozen(e)?e=e.slice(0):t.add(e);for(let i=0,o=e.length;i<o;i++)s=e[i],(r=z(s,t))!==s&&(e[i]=r)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const i=Object.keys(e),o=Object.getOwnPropertyDescriptors(e);for(let a=0,c=i.length;a<c;a++)l=i[a],!o[l].get&&(s=e[l],(r=z(s,t))!==s&&(e[l]=r))}return e}function be(e,t){let n=e[t];return n||Object.defineProperty(e,t,{value:n=Object.create(null)}),n}function se(e,t,n){if(e[t])return e[t];const[r,s]=A(n,{equals:!1,internal:!0});return r.$=s,e[t]=r}function Nt(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===H||t===Y||(delete n.value,delete n.writable,n.get=()=>e[H][t]),n}function Qe(e){Ce()&&se(be(e,Y),Xe)()}function Lt(e){return Qe(e),Reflect.ownKeys(e)}const It={get(e,t,n){if(t===he)return e;if(t===H)return n;if(t===Ae)return Qe(e),n;const r=be(e,Y),s=r[t];let l=s?s():e[t];if(t===Y||t===M||t==="__proto__")return l;if(!s){const i=Object.getOwnPropertyDescriptor(e,t);Ce()&&(typeof l!="function"||e.hasOwnProperty(t))&&!(i&&i.get)&&(l=se(r,t,l)())}return X(l)?ze(l):l},has(e,t){return t===he||t===H||t===Ae||t===Y||t===M||t==="__proto__"?!0:(Ce()&&se(be(e,M),t)(),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:Lt,getOwnPropertyDescriptor:Nt};function Q(e,t,n,r=!1){if(!r&&e[t]===n)return;const s=e[t],l=e.length;n===void 0?(delete e[t],e[M]&&e[M][t]&&s!==void 0&&e[M][t].$()):(e[t]=n,e[M]&&e[M][t]&&s===void 0&&e[M][t].$());let i=be(e,Y),o;if((o=se(i,t,s))&&o.$(()=>n),Array.isArray(e)&&e.length!==l){for(let a=e.length;a<l;a++)(o=i[a])&&o.$();(o=se(i,"length",l))&&o.$(e.length)}(o=i[Xe])&&o.$()}function Ze(e,t){const n=Object.keys(t);for(let r=0;r<n.length;r+=1){const s=n[r];Q(e,s,t[s])}}function jt(e,t){if(typeof t=="function"&&(t=t(e)),t=z(t),Array.isArray(t)){if(e===t)return;let n=0,r=t.length;for(;n<r;n++){const s=t[n];e[n]!==s&&Q(e,n,s)}Q(e,"length",r)}else Ze(e,t)}function ee(e,t,n=[]){let r,s=e;if(t.length>1){r=t.shift();const i=typeof r,o=Array.isArray(e);if(Array.isArray(r)){for(let a=0;a<r.length;a++)ee(e,[r[a]].concat(t),n);return}else if(o&&i==="function"){for(let a=0;a<e.length;a++)r(e[a],a)&&ee(e,[a].concat(t),n);return}else if(o&&i==="object"){const{from:a=0,to:c=e.length-1,by:f=1}=r;for(let u=a;u<=c;u+=f)ee(e,[u].concat(t),n);return}else if(t.length>1){ee(e[r],t,[r].concat(n));return}s=e[r],n=[r].concat(n)}let l=t[0];typeof l=="function"&&(l=l(s,n),l===s)||r===void 0&&l==null||(l=z(l),r===void 0||X(s)&&X(l)&&!Array.isArray(l)?Ze(s,l):Q(e,r,l))}function Dt(...[e,t]){const n=z(e||{}),r=Array.isArray(n),s=ze(n);function l(...i){ft(()=>{r&&i.length===1?jt(n,i[0]):ee(n,i)})}return[s,l]}const me=new WeakMap,et={get(e,t){if(t===he)return e;const n=e[t];let r;return X(n)?me.get(n)||(me.set(n,r=new Proxy(n,et)),r):n},set(e,t,n){return Q(e,t,z(n)),!0},deleteProperty(e,t){return Q(e,t,void 0,!0),!0}};function _e(e){return t=>{if(X(t)){let n;(n=me.get(t))||me.set(t,n=new Proxy(t,et)),e(n)}return t}}const[Mt,Bt]=A(0);setInterval(()=>Bt(e=>e+1),5e3);function Oe(e){const t={};for(const n of e.backends)t[n.name]=n.state;for(const n of e.frontends){let r=0;for(let a=0;a<n.pools.length;a++){let c=!1;for(const f of n.pools[a].backends)if(t[f.name]==="up"&&f.weight>0){c=!0;break}if(c){r=a;break}}let s=!1,l=!1,i=!0;const o=new Set;for(let a=0;a<n.pools.length;a++)for(const c of n.pools[a].backends){const f=t[c.name];c.effective_weight=f==="up"&&a===r?c.weight:0,c.effective_weight>0&&(s=!0),o.has(c.name)||(o.add(c.name),l=!0,f!=="unknown"&&(i=!1))}!l||i?n.state="unknown":s?n.state="up":n.state="down"}}const[$e,ie]=Dt({byName:{}});function tt(e){const t={};for(const n of e)Oe(n),t[n.maglevd.name]=n;ie({byName:t})}function Rt(e,t){ie(_e(n=>{const r=n.byName[e];if(!r)return;const s=r.backends.find(l=>l.name===t.backend);s&&(s.state=t.transition.to,s.enabled=t.transition.to!=="disabled",s.last_transition=t.transition,s.transitions||(s.transitions=[]),s.transitions.push(t.transition),s.transitions.length>20&&(s.transitions=s.transitions.slice(s.transitions.length-20)),Oe(r))}))}function Ut(e,t){ie(_e(n=>{const r=n.byName[e];r&&(r.vpp_state=t)}))}function Vt(e,t){ie(_e(n=>{const r=n.byName[e];r&&(r.maglevd.connected=t.connected,r.maglevd.last_error=t.last_error)}))}function Wt(e,t,n,r,s){ie(_e(l=>{const i=l.byName[e];if(!i)return;const o=i.frontends.find(f=>f.name===t);if(!o)return;const a=o.pools.find(f=>f.name===n);if(!a)return;const c=a.backends.find(f=>f.name===r);c&&(c.weight=s,Oe(i))}))}function Ft(e,t){return e.includes(":")?`[${e}]:${t}`:`${e}:${t}`}function Ht(e){if(Mt(),!e||!e.at_unix_ns||e.at_unix_ns<=0)return"";const t=Date.now()-e.at_unix_ns/1e6,n=Math.floor(t/1e3);if(n<=1)return"now";const r=n%60,s=Math.floor(n/60);if(s<1)return`${n}s ago`;const l=s%60,i=Math.floor(s/60);if(i<1)return`${l}m${r}s ago`;const o=i%24,a=Math.floor(i/24);return a<1?`${i}h${l}m ago`:`${a}d${o}h ago`}const Ue=500,[pe,Gt]=A([]);function Kt(e){Gt(t=>{const n=[...t,e];return n.length>Ue?n.slice(n.length-Ue):n})}function qt(){const e=new EventSource("/view/api/events");return e.onmessage=t=>{try{const n=JSON.parse(t.data);Yt(n)}catch(n){console.error("sse parse error",n,t.data)}},e.addEventListener("resync",async()=>{try{const t=await Je();tt(t)}catch(t){console.error("resync refetch failed",t)}}),e.onerror=t=>{console.debug("sse error, browser will reconnect",t)},e}function Yt(e){switch(Kt(e),e.type){case"backend":Rt(e.maglevd,e.payload);break;case"frontend":e.maglevd,e.payload;break;case"maglevd-status":Vt(e.maglevd,e.payload);break;case"vpp-status":Ut(e.maglevd,e.payload.state);break}}const[Se,nt]=A(void 0);var Jt=b("<nav class=scope-selector>"),Xt=b("<button class=scope-tab><span class=dot>");const zt=()=>{const e=()=>Object.keys($e.byName).sort();return(()=>{var t=Jt();return d(t,h(J,{get each(){return e()},children:n=>{const r=()=>$e.byName[n],s=()=>r()?.maglevd.connected??!1;return(()=>{var l=Xt();return l.firstChild,l.$$click=()=>nt(n),d(l,n,null),C(i=>{var o=Se()===n,a=!!s(),c=!s(),f=r()?.maglevd.address??"";return o!==i.e&&l.classList.toggle("active",i.e=o),a!==i.t&&l.classList.toggle("connected",i.t=a),c!==i.a&&l.classList.toggle("disconnected",i.a=c),f!==i.o&&L(l,"title",i.o=f),i},{e:void 0,t:void 0,a:void 0,o:void 0}),l})()}})),t})()};we(["click"]);var Qt=b("<span class=status-badge>");const rt=e=>(()=>{var t=Qt();return d(t,()=>e.label??e.state),C(()=>L(t,"data-state",e.state)),t})();var Zt=b("<span class=probe-heartbeat>");const en="▶",tn="⏸",nn="⏹",rn="❤️",Ve=400;function sn(e){switch(e){case"paused":return tn;case"disabled":case"removed":return nn;default:return en}}const ln=e=>{const[t,n]=A(!1);let r,s;return W(()=>{const l=pe();if(l.length===0)return;const i=l[l.length-1];if(i.type!=="log"||i.maglevd!==e.maglevd)return;const o=i.payload;o.attrs?.backend===e.backend&&o.msg==="probe-start"&&(n(!0),r?.animate([{transform:"scale(1)"},{transform:"scale(1.6)",offset:.25},{transform:"scale(1)"}],{duration:Ve,easing:"ease-out"}),s!==void 0&&clearTimeout(s),s=window.setTimeout(()=>{n(!1),s=void 0},Ve))}),G(()=>{s!==void 0&&clearTimeout(s)}),(()=>{var l=Zt(),i=r;return typeof i=="function"?ye(i,l):r=l,d(l,(()=>{var o=I(()=>!!t());return()=>o()?rn:sn(e.state)})()),C(()=>l.classList.toggle("in-flight",!!t())),l})()};var on=b("<span class=flash-target>");const ne=e=>{let t;return W(dt(()=>e.value,()=>{t?.animate([{transform:"scale(1)",backgroundColor:"#facc15",boxShadow:"0 0 0 2px #facc15",offset:0},{transform:"scale(1.35)",backgroundColor:"#facc15",boxShadow:"0 0 0 4px #facc15",offset:.18},{transform:"scale(1)",backgroundColor:"#facc15",boxShadow:"0 0 0 2px #facc15",offset:.5},{transform:"scale(1)",backgroundColor:"transparent",boxShadow:"0 0 0 0 transparent",offset:1}],{duration:1500,easing:"ease-out"})},{defer:!0})),(()=>{var n=on(),r=t;return typeof r=="function"?ye(r,n):t=n,d(n,()=>e.children??e.value),n})()};async function an(e,t,n){const r=`/admin/api/${encodeURIComponent(e)}/backend/${encodeURIComponent(t)}/${n}`,s=await fetch(r,{method:"POST",credentials:"same-origin"});if(!s.ok){const l=(await s.text()).trim();throw new Error(l||`${s.status} ${s.statusText}`)}return await s.json()}async function cn(e,t,n,r,s,l){const i=`/admin/api/${encodeURIComponent(e)}/frontend/${encodeURIComponent(t)}/pool/${encodeURIComponent(n)}/backend/${encodeURIComponent(r)}/weight`,o=await fetch(i,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify({weight:s,flush:l})});if(!o.ok){const a=(await o.text()).trim();throw new Error(a||`${o.status} ${o.statusText}`)}return await o.json()}var un=b("<div class=modal-backdrop><div class=modal-card role=dialog aria-modal=true><header class=modal-header><h3></h3><button type=button class=modal-close aria-label=close>×</button></header><div class=modal-body>");const fn=e=>(W(()=>{const t=n=>{n.key==="Escape"&&e.onClose()};document.addEventListener("keydown",t),G(()=>document.removeEventListener("keydown",t))}),h(Tt,{get mount(){return document.body},get children(){var t=un(),n=t.firstChild,r=n.firstChild,s=r.firstChild,l=s.nextSibling,i=r.nextSibling;return t.$$mousedown=o=>{o.target===o.currentTarget&&e.onClose()},d(s,()=>e.title),At(l,"click",e.onClose),d(i,()=>e.children),C(()=>L(n,"aria-label",e.title)),t}}));we(["mousedown","click"]);var dn=b("<div class=kebab-menu role=menu>"),gn=b('<div class=kebab-wrap><button type=button class=kebab-btn aria-haspopup=menu title="backend actions">⋮'),hn=b("<button type=button class=kebab-item role=menuitem>"),bn=b("<p class=dialog-error>"),mn=b("<footer class=dialog-footer><button type=button class=btn-secondary>cancel</button><button type=button class=btn-primary>"),$n=b("<p class=dialog-warn>VPP's flow table will be cleared for this backend. Active sessions will be dropped immediately."),pn=b('<div class=dialog-body><p class=dialog-target><code></code> in pool <code></code> of frontend <code></code></p><label class=dialog-field><span class=weight-slider-label>weight<output class=weight-slider-value></output></span><input type=range class=weight-slider min=0 max=100 step=1><small>0–100; 0 keeps the backend in the pool but assigns it no traffic</small></label><label class="dialog-field checkbox"><input type=checkbox><span>flush existing flows'),vn=b("<p class=dialog-note>VPP's flow table is left alone. Existing sessions keep reaching this backend until they finish."),wn=b("<div class=dialog-body><p class=dialog-consequence>");function yn(e){const t={label:"set weight…",action:"weight"};switch(e){case"up":case"down":case"unknown":return[t,{label:"pause",action:"pause"},{label:"disable",action:"disable"}];case"paused":return[t,{label:"resume",action:"resume"},{label:"disable",action:"disable"}];case"disabled":return[t,{label:"enable",action:"enable"}];default:return[]}}function _n(e){switch(e){case"pause":return"This will stop health checks and set the weight to 0, but existing flows to this backend are kept. New traffic will be rerouted to other backends.";case"resume":return"This will restart health checks. The backend re-enters the 'unknown' state and will start receiving traffic once it probes up.";case"disable":return"This will stop health checks, set the weight to 0, AND flush VPP's flow table for this backend. Active sessions will be dropped immediately.";case"enable":return"This will restart health checks on a previously disabled backend. It re-enters the 'unknown' state and will start receiving traffic once it probes up."}}const Sn=e=>{const[t,n]=A(!1),[r,s]=A(),[l,i]=A(!1),[o,a]=A(),[c,f]=A(e.configuredWeight),[u,p]=A(!1);let g;const v=()=>yn(e.state);W(()=>{if(!t())return;const m=y=>{g&&(g.contains(y.target)||n(!1))},$=y=>{y.key==="Escape"&&n(!1)};document.addEventListener("mousedown",m),document.addEventListener("keydown",$),G(()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",$)})});const w=m=>{n(!1),a(void 0),m==="weight"&&(f(e.configuredWeight),p(!1)),s(m)},E=()=>{l()||(s(void 0),a(void 0))},O=async()=>{const m=r();if(m){i(!0),a(void 0);try{if(m==="weight"){const $=c();if(!Number.isFinite($)||$<0||$>100)throw new Error("weight must be an integer in [0, 100]");const y=Math.floor($);await cn(e.maglevd,e.frontend,e.pool,e.backend,y,u()),Wt(e.maglevd,e.frontend,e.pool,e.backend,y)}else await an(e.maglevd,e.backend,m);s(void 0)}catch($){a(`${$}`)}finally{i(!1)}}};return h(N,{get when(){return v().length>0},get children(){var m=gn(),$=m.firstChild,y=g;return typeof y=="function"?ye(y,m):g=m,$.$$click=k=>{k.stopPropagation(),n(x=>!x)},d(m,h(N,{get when(){return t()},get children(){var k=dn();return d(k,h(J,{get each(){return v()},children:x=>(()=>{var T=hn();return T.$$click=()=>w(x.action),d(T,()=>x.label),T})()})),k}}),null),d(m,h(N,{get when(){return r()},children:k=>h(fn,{get title(){return kn(k(),e.backend)},onClose:E,get children(){return[I(()=>I(()=>k()==="weight")()?(()=>{var x=pn(),T=x.firstChild,j=T.firstChild,D=j.nextSibling,Z=D.nextSibling,oe=Z.nextSibling,ae=oe.nextSibling,Le=T.nextSibling,Ie=Le.firstChild,lt=Ie.firstChild,it=lt.nextSibling,je=Ie.nextSibling,ot=Le.nextSibling,De=ot.firstChild;return d(j,()=>e.backend),d(Z,()=>e.pool),d(ae,()=>e.frontend),d(it,c),je.$$input=ke=>f(Number(ke.currentTarget.value)),De.addEventListener("change",ke=>p(ke.currentTarget.checked)),d(x,h(N,{get when(){return u()},get fallback(){return vn()},get children(){return $n()}}),null),C(()=>je.value=c()),C(()=>De.checked=u()),x})():(()=>{var x=wn(),T=x.firstChild;return d(T,()=>_n(k())),x})()),h(N,{get when(){return o()},get children(){var x=bn();return d(x,o),x}}),(()=>{var x=mn(),T=x.firstChild,j=T.nextSibling;return T.$$click=E,j.$$click=O,d(j,()=>l()?"committing…":"commit"),C(D=>{var Z=l(),oe=!!(k()==="disable"||k()==="weight"&&u()),ae=l();return Z!==D.e&&(T.disabled=D.e=Z),oe!==D.t&&j.classList.toggle("btn-danger",D.t=oe),ae!==D.a&&(j.disabled=D.a=ae),D},{e:void 0,t:void 0,a:void 0}),x})()]}})}),null),C(()=>L($,"aria-expanded",t())),m}})};function kn(e,t){switch(e){case"weight":return`Set weight — ${t}`;case"pause":return`Pause ${t}?`;case"resume":return`Resume ${t}?`;case"disable":return`Disable ${t}?`;case"enable":return`Enable ${t}?`}}we(["click","input"]);const U=window.location.pathname.startsWith("/admin");var xn=b("<td class=actions>"),An=b("<tr class=backend-row><td class=col-pool></td><td class=backend-name><span class=backend-name-text></span></td><td class=backend-address></td><td></td><td class=numeric></td><td class=numeric></td><td class=age>");const Cn=e=>{const t=()=>e.backend;return(()=>{var n=An(),r=n.firstChild,s=r.nextSibling,l=s.firstChild,i=s.nextSibling,o=i.nextSibling,a=o.nextSibling,c=a.nextSibling,f=c.nextSibling;return d(r,(()=>{var u=I(()=>!!e.showPool);return()=>u()?e.pool:""})()),d(s,h(ln,{get maglevd(){return e.maglevd},get backend(){return t().name},get state(){return t().state}}),l),d(l,()=>t().name),d(i,()=>t().address),d(o,h(ne,{get value(){return t().state},get children(){return h(rt,{get state(){return t().state}})}})),d(a,h(ne,{get value(){return e.poolBackend.weight}})),d(c,h(ne,{get value(){return e.poolBackend.effective_weight}})),d(f,()=>Ht(t().last_transition)),d(n,h(N,{when:U,get children(){var u=xn();return d(u,h(Sn,{get maglevd(){return e.maglevd},get frontend(){return e.frontend},get pool(){return e.pool},get backend(){return t().name},get state(){return t().state},get configuredWeight(){return e.poolBackend.weight}})),u}}),null),C(u=>{var p=!e.poolActive,g=t().state;return p!==u.e&&n.classList.toggle("pool-standby",u.e=p),g!==u.t&&L(n,"data-state",u.t=g),u},{e:void 0,t:void 0}),n})()};var En=b("<details class=zippy><summary></summary><div class=zippy-body>");const Ne=e=>(()=>{var t=En(),n=t.firstChild,r=n.nextSibling;return d(n,()=>e.title),d(r,()=>e.children),C(()=>t.open=e.open),t})();var Pn=b("<span class=frontend-title><span class=frontend-title-name></span><span class=frontend-title-addr></span><span class=frontend-title-proto>"),Tn=b("<span class=tag>sticky"),On=b("<span class=frontend-title-desc>"),Nn=b('<th class="col-actions actions">'),Ln=b('<table class=backend-table><thead><tr><th class=col-pool>pool</th><th class=col-name>backend</th><th class=col-address>address</th><th class=col-state>state</th><th class="col-weight numeric">weight</th><th class="col-effective numeric">effective</th><th class=col-age>last transition</th></tr></thead><tbody>');const In=e=>{const t=()=>Object.fromEntries(e.snap.backends.map(s=>[s.name,s])),n=()=>e.frontend,r=(()=>{var s=Pn(),l=s.firstChild,i=l.nextSibling,o=i.nextSibling;return d(l,()=>n().name),d(s,h(ne,{get value(){return n().state??"unknown"},get children(){return h(rt,{get state(){return n().state??"unknown"}})}}),i),d(i,()=>Ft(n().address,n().port)),d(o,()=>n().protocol.toUpperCase()),d(s,(()=>{var a=I(()=>!!n().src_ip_sticky);return()=>a()&&Tn()})(),null),d(s,(()=>{var a=I(()=>!!n().description);return()=>a()&&(()=>{var c=On();return d(c,()=>n().description),c})()})(),null),s})();return h(Ne,{title:r,open:!0,get children(){var s=Ln(),l=s.firstChild,i=l.firstChild,o=i.firstChild,a=o.nextSibling,c=a.nextSibling,f=c.nextSibling,u=f.nextSibling,p=u.nextSibling;p.nextSibling;var g=l.nextSibling;return d(i,h(N,{when:U,get children(){return Nn()}}),null),d(g,h(J,{get each(){return n().pools},children:v=>{const w=()=>v.backends.some(E=>E.effective_weight>0);return h(J,{get each(){return v.backends},children:(E,O)=>{const m=t()[E.name];return m?h(Cn,{get maglevd(){return e.snap.maglevd.name},get frontend(){return n().name},get pool(){return v.name},get showPool(){return O()===0},get poolActive(){return w()},backend:m,poolBackend:E}):null}})}})),s}})};var jn=b("<span class=vpp-badge>"),Dn=b("<span class=zippy-title>VPP<span class=vpp-io aria-hidden=true><span class=vpp-io-label>API:</span><span class=vpp-tx>↑</span><span class=vpp-rx>↓"),Mn=b("<p class=empty>No VPP information available."),Bn=b("<dl class=kv><dt>version</dt><dd></dd><dt>build date</dt><dd></dd><dt>pid</dt><dd></dd><dt>booted</dt><dd></dd><dt>connected</dt><dd>");const Rn=e=>{const t=()=>e.info?.boottime_ns?new Date(e.info.boottime_ns/1e6).toISOString():"",n=()=>e.info?.connecttime_ns?new Date(e.info.connecttime_ns/1e6).toISOString():"",r=()=>e.state==="connected"?"connected":"disconnected",[s,l]=A(!1),[i,o]=A(!1);let a,c;const f=()=>{l(!0),a&&clearTimeout(a),a=window.setTimeout(()=>{l(!1),a=void 0},250)},u=()=>{o(!0),c&&clearTimeout(c),c=window.setTimeout(()=>{o(!1),c=void 0},250)};W(()=>{const g=pe();if(!g.length)return;const v=g[g.length-1];if(v.maglevd!==e.name||v.type!=="log")return;const w=v.payload?.msg;w&&(w.startsWith("vpp-api-send")?f():w.startsWith("vpp-api-recv")&&u())}),G(()=>{a&&clearTimeout(a),c&&clearTimeout(c)});const p=(()=>{var g=Dn(),v=g.firstChild,w=v.nextSibling,E=w.firstChild,O=E.nextSibling,m=O.nextSibling;return d(g,h(ne,{get value(){return r()},get children(){var $=jn();return d($,r),C(()=>L($,"data-state",r())),$}}),w),C($=>{var y=!!s(),k=!!i();return y!==$.e&&O.classList.toggle("lit",$.e=y),k!==$.t&&m.classList.toggle("lit",$.t=k),$},{e:void 0,t:void 0}),g})();return h(Ne,{title:p,get children(){return h(N,{get when(){return e.info},get fallback(){return Mn()},children:g=>(()=>{var v=Bn(),w=v.firstChild,E=w.nextSibling,O=E.nextSibling,m=O.nextSibling,$=m.nextSibling,y=$.nextSibling,k=y.nextSibling,x=k.nextSibling,T=x.nextSibling,j=T.nextSibling;return d(E,()=>g().version),d(m,()=>g().build_date),d(y,()=>g().pid),d(x,t),d(j,n),v})()})}})};var Un=b("<main class=overview>"),Vn=b("<p class=empty>No maglevd selected."),Wn=b('<div class="banner warn"> disconnected'),Fn=b("<div class=frontend-list>");const Hn=()=>{const e=()=>{const t=Se();return t?$e.byName[t]:void 0};return(()=>{var t=Un();return d(t,h(N,{get when(){return e()},get fallback(){return Vn()},children:n=>[h(N,{get when(){return!n().maglevd.connected},get children(){var r=Wn(),s=r.firstChild;return d(r,()=>n().maglevd.name,s),d(r,(()=>{var l=I(()=>!!n().maglevd.last_error);return()=>l()&&`: ${n().maglevd.last_error}`})(),null),r}}),(()=>{var r=Fn();return d(r,h(J,{get each(){return n().frontends},children:s=>h(In,{get snap(){return n()},frontend:s})})),r})(),h(Rn,{get name(){return n().maglevd.name},get info(){return n().vpp_info},get state(){return n().vpp_state}})]})),t})()};var Gn=b("<ol class=event-tail>"),Kn=b("<div class=debug-toolbar><label><input type=checkbox>all maglevds</label><button></button><span class=count> events"),qn=b("<li>");const Yn=()=>{const[e,t]=A(!1),[n,r]=A(!1),[s,l]=A([]),i=F(()=>{const c=n()?s():pe();if(e())return c;const f=Se();return f?c.filter(u=>u.maglevd===f):c}),o=()=>{n()?r(!1):(l([...pe()]),r(!0))};let a;return W(()=>{i(),!n()&&a&&(a.scrollTop=a.scrollHeight)}),h(Ne,{title:"Event stream",get children(){return[(()=>{var c=Gn(),f=a;return typeof f=="function"?ye(f,c):a=c,d(c,h(J,{get each(){return i()},children:u=>(()=>{var p=qn();return d(p,()=>zn(u)),C(g=>{var v=`event-row event-${u.type}`,w=!!Jn(u);return v!==g.e&&xt(p,g.e=v),w!==g.t&&p.classList.toggle("event-sync",g.t=w),g},{e:void 0,t:void 0}),p})()})),c})(),(()=>{var c=Kn(),f=c.firstChild,u=f.firstChild,p=f.nextSibling,g=p.nextSibling,v=g.firstChild;return u.addEventListener("change",w=>t(w.currentTarget.checked)),p.$$click=o,d(p,()=>n()?"resume":"pause"),d(g,()=>i().length,v),C(()=>u.checked=e()),c})()]}})};function Jn(e){return e.type!=="log"?!1:e.payload.msg.startsWith("vpp-lb-sync-")}function Xn(e){if(!e)return"";const t=["vip","protocol","port","address","weight","from","to","encap","src-ip-sticky","flush"],n=[],r=new Set;for(const s of t)s in e&&(n.push(`${s}=${e[s]}`),r.add(s));for(const[s,l]of Object.entries(e))r.has(s)||n.push(`${s}=${l}`);return n.join(" ")}function zn(e){const t=new Date(e.at_unix_ns/1e6).toISOString().substring(11,23),n=`[${e.maglevd}]`;switch(e.type){case"backend":{const r=e.payload;return`${t} ${n} backend ${r.backend}: ${r.transition.from} → ${r.transition.to}`}case"frontend":{const r=e.payload;return`${t} ${n} frontend ${r.frontend}: ${r.transition.from} → ${r.transition.to}`}case"log":{const r=e.payload;if(r.msg.startsWith("vpp-lb-sync-"))return`${t} ${n} ${r.msg} ${Xn(r.attrs)}`.trimEnd();const s=r.attrs?Object.entries(r.attrs).map(([l,i])=>`${l}=${i}`).join(" "):"";return`${t} ${n} ${r.level} ${r.msg} ${s}`.trimEnd()}case"maglevd-status":return`${t} ${n} maglevd status: ${JSON.stringify(e.payload)}`;default:return`${t} ${n} ${e.type}`}}we(["click"]);const Qn="/view/assets/logo-bimi-Bguc6E_L.svg";var Zn=b("<span class=mode-tag>"),er=b("<a class=admin-toggle>"),tr=b('<div class=app><header class=app-header><div class=brand><a class=brand-logo href=https://ipng.ch/ target=_blank rel=noopener title="IPng Networks"><img alt=IPng></a><a class=brand-name href=https://git.ipng.ch/ipng/vpp-maglev target=_blank rel=noopener title="vpp-maglev on git.ipng.ch"><strong>vpp-maglev'),nr=b("<span class=version> (<!>)"),rr=b('<div class="banner err">'),sr=b("<p class=loading>Loading…");const lr=()=>{const[e,t]=A(),[n,r]=A();gt(async()=>{try{const[l,i]=await Promise.all([Je(),Ot()]);tt(l),r(i),!Se()&&l.length>0&&nt(l[0].maglevd.name),qt()}catch(l){t(`${l}`)}});const s=()=>n()?.admin_enabled===!0;return(()=>{var l=tr(),i=l.firstChild,o=i.firstChild,a=o.firstChild,c=a.firstChild;return a.nextSibling,L(c,"src",Qn),d(o,(()=>{var f=I(()=>!!n());return()=>f()&&(()=>{var u=nr(),p=u.firstChild,g=p.nextSibling;return g.nextSibling,d(u,()=>n().version,p),d(u,()=>n().commit,g),C(()=>L(u,"title",`commit ${n().commit} · built ${n().date}`)),u})()})(),null),d(i,h(zt,{}),null),d(i,h(N,{get when(){return U||s()},get children(){var f=Zn();return d(f,U?"admin":"view"),f}}),null),d(i,h(N,{get when(){return s()},get children(){var f=er();return L(f,"href",U?"/view/":"/admin/"),L(f,"title",U?"exit admin mode":"enter admin mode"),d(f,U?"exit admin":"admin…"),f}}),null),d(l,(()=>{var f=I(()=>!!e());return()=>f()&&(()=>{var u=rr();return d(u,e),u})()})(),null),d(l,(()=>{var f=I(()=>!e()&&Object.keys($e.byName).length===0);return()=>f()&&sr()})(),null),d(l,h(Hn,{}),null),d(l,h(N,{when:U,get children(){return h(Yn,{})}}),null),l})()},st=document.getElementById("root");if(!st)throw new Error("no #root element");kt(()=>h(lr,{}),st);
diff --git a/cmd/frontend/web/dist/favicon.ico b/cmd/frontend/web/dist/favicon.ico
new file mode 100644
index 0000000..147627d
Binary files /dev/null and b/cmd/frontend/web/dist/favicon.ico differ
diff --git a/cmd/frontend/web/dist/index.html b/cmd/frontend/web/dist/index.html
index 30a64ec..607e52f 100644
--- a/cmd/frontend/web/dist/index.html
+++ b/cmd/frontend/web/dist/index.html
@@ -3,9 +3,10 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/x-icon" href="/view/favicon.ico" />
     <title>maglev</title>
-    <script type="module" crossorigin src="/view/assets/index-DjixLt11.js"></script>
-    <link rel="stylesheet" crossorigin href="/view/assets/index-CExoCDXh.css">
+    <script type="module" crossorigin src="/view/assets/index-DCJJqBMY.js"></script>
+    <link rel="stylesheet" crossorigin href="/view/assets/index-3BvNJ7QB.css">
   </head>
   <body>
     <div id="root"></div>
diff --git a/cmd/frontend/web/index.html b/cmd/frontend/web/index.html
index 11a95ab..26b4279 100644
--- a/cmd/frontend/web/index.html
+++ b/cmd/frontend/web/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <title>maglev</title>
   </head>
   <body>
diff --git a/cmd/frontend/web/public/favicon.ico b/cmd/frontend/web/public/favicon.ico
new file mode 100644
index 0000000..147627d
Binary files /dev/null and b/cmd/frontend/web/public/favicon.ico differ
diff --git a/cmd/frontend/web/src/api/sse.ts b/cmd/frontend/web/src/api/sse.ts
index 0952d28..615f0bb 100644
--- a/cmd/frontend/web/src/api/sse.ts
+++ b/cmd/frontend/web/src/api/sse.ts
@@ -2,6 +2,7 @@ import type {
   BackendEventPayload,
   BrowserEvent,
   FrontendEventPayload,
+  LBStatePayload,
   MaglevdStatusPayload,
   VPPStatusPayload,
 } from "../types";
@@ -9,6 +10,7 @@ import { fetchAllState } from "./rest";
 import {
   applyBackendTransition,
   applyFrontendTransition,
+  applyLBState,
   applyMaglevdStatus,
   applyVPPStatus,
   replaceAll,
@@ -19,10 +21,24 @@ import { pushEvent } from "../stores/events";
 // reconnects with the Last-Event-ID header set, which the Go broker uses
 // to replay events from its 30s ring buffer. A "resync" event tells us to
 // refetch full state and redraw.
-export function openEventStream(): EventSource {
-  const es = new EventSource("/view/api/events");
+//
+// On top of the browser's built-in reconnect we also run a clock-drift
+// watchdog: a setInterval that doesn't fire during OS suspend, so a tick
+// that arrives much later than expected almost always means the laptop
+// just came back from sleep. EventSource doesn't notice when its TCP
+// connection has been silently torn down during sleep (no FIN was
+// delivered, so readyState stays OPEN forever), so we force-reconnect
+// ourselves on a wake. The new connection sends no Last-Event-ID, which
+// makes the broker emit a "resync" event and the handler below refetches
+// full state.
+const SSE_WAKE_TICK_MS = 10_000;
+const SSE_WAKE_THRESHOLD_MS = 30_000;
 
-  es.onmessage = (msg) => {
+export function openEventStream(): void {
+  let es: EventSource | undefined;
+  let reconnecting = false;
+
+  const onMessage = (msg: MessageEvent) => {
     try {
       const ev = JSON.parse(msg.data) as BrowserEvent;
       dispatch(ev);
@@ -31,23 +47,60 @@ export function openEventStream(): EventSource {
     }
   };
 
-  // "resync" is emitted as a named event so we can listen for it
-  // without it going through the default onmessage dispatch.
-  es.addEventListener("resync", async () => {
+  const onResync = async () => {
     try {
       const snaps = await fetchAllState();
       replaceAll(snaps);
     } catch (err) {
       console.error("resync refetch failed", err);
     }
-  });
-
-  es.onerror = (err) => {
-    // EventSource handles reconnection on its own — just log.
-    console.debug("sse error, browser will reconnect", err);
   };
 
-  return es;
+  const connect = () => {
+    if (es) {
+      es.close();
+      es = undefined;
+    }
+    es = new EventSource("/view/api/events");
+    es.onmessage = onMessage;
+    es.addEventListener("resync", onResync);
+    es.onerror = (err) => {
+      // EventSource handles reconnection on its own — just log.
+      console.debug("sse error, browser will reconnect", err);
+    };
+  };
+
+  const reconnect = (reason: string) => {
+    // Coalesce multiple wake signals that fire within the same instant
+    // (e.g. clock-drift tick AND a future visibility hook). One brief
+    // window is enough; subsequent calls are no-ops.
+    if (reconnecting) return;
+    reconnecting = true;
+    console.info("sse reconnecting:", reason);
+    connect();
+    setTimeout(() => {
+      reconnecting = false;
+    }, 1000);
+  };
+
+  // Wake detector. The interval is short enough (10s) to catch even
+  // brief naps, the threshold (30s) is well above the interval + JS
+  // jitter so a clean wake reads unambiguously, and we never trigger
+  // on normal background-tab throttling because that doesn't usually
+  // pause setInterval for 30+ seconds at a time. If a future Chrome
+  // policy starts throttling that aggressively, the worst case is one
+  // extra reconnect every few minutes — still cheap.
+  let lastTick = Date.now();
+  setInterval(() => {
+    const now = Date.now();
+    const elapsed = now - lastTick;
+    lastTick = now;
+    if (elapsed > SSE_WAKE_THRESHOLD_MS) {
+      reconnect(`wake detected (${Math.round(elapsed / 1000)}s gap)`);
+    }
+  }, SSE_WAKE_TICK_MS);
+
+  connect();
 }
 
 function dispatch(ev: BrowserEvent) {
@@ -68,6 +121,9 @@ function dispatch(ev: BrowserEvent) {
     case "vpp-status":
       applyVPPStatus(ev.maglevd, (ev.payload as VPPStatusPayload).state);
       break;
+    case "lb-state":
+      applyLBState(ev.maglevd, ev.payload as LBStatePayload);
+      break;
     case "log":
       // Log events are displayed in the DebugPanel but no longer
       // mutate the state tree. The previous vpp-lb-sync-as-*
diff --git a/cmd/frontend/web/src/components/Zippy.tsx b/cmd/frontend/web/src/components/Zippy.tsx
index 3a9d6c1..070fb4e 100644
--- a/cmd/frontend/web/src/components/Zippy.tsx
+++ b/cmd/frontend/web/src/components/Zippy.tsx
@@ -1,14 +1,23 @@
 import type { Component, JSX } from "solid-js";
+import { isZippyOpen, setZippyOpen } from "../stores/zippy";
 
 type Props = {
+  // Stable identifier used as the cookie key. Must be unique within
+  // the app; a fresh page load opens the Zippy iff its id is present
+  // in the persisted open-set, so changing the id "forgets" prior
+  // user state for that panel.
+  id: string;
   title: JSX.Element;
-  open?: boolean;
   children: JSX.Element;
 };
 
 const Zippy: Component<Props> = (props) => {
   return (
-    <details class="zippy" open={props.open}>
+    <details
+      class="zippy"
+      open={isZippyOpen(props.id)}
+      onToggle={(e) => setZippyOpen(props.id, e.currentTarget.open)}
+    >
       <summary>{props.title}</summary>
       <div class="zippy-body">{props.children}</div>
     </details>
diff --git a/cmd/frontend/web/src/stores/state.ts b/cmd/frontend/web/src/stores/state.ts
index 16bb6b0..6582563 100644
--- a/cmd/frontend/web/src/stores/state.ts
+++ b/cmd/frontend/web/src/stores/state.ts
@@ -2,6 +2,8 @@ import { createStore, produce } from "solid-js/store";
 import type {
   BackendEventPayload,
   FrontendEventPayload,
+  FrontendSnapshot,
+  LBStatePayload,
   MaglevdStatusPayload,
   StateSnapshot,
   TransitionRecord,
@@ -83,14 +85,81 @@ function recomputeDerivedState(snap: StateSnapshot) {
 
 // FrontendState keys snapshots by maglevd name. A single store drives the
 // whole UI; reducers produce() into the right branch.
+//
+// settling is a per-(maglevd, frontend) flag flipped to true on any
+// event that changes which backends should be serving — backend
+// transitions, configured weight edits — and auto-cleared after a
+// fixed grace window. While true, frontendHealth suppresses the
+// bug-buckets verdict so a transient race between the new control-
+// plane state and the lagging GetVPPLBState refetch doesn't flash
+// the ‼️ icon. A real, persistent dataplane disagreement still shows
+// up the moment the grace window expires.
 export type FrontendState = {
   byName: Record<string, StateSnapshot>;
+  settling: Record<string, Record<string, true>>;
 };
 
-const [state, setState] = createStore<FrontendState>({ byName: {} });
+const [state, setState] = createStore<FrontendState>({ byName: {}, settling: {} });
 
 export { state };
 
+const SETTLE_GRACE_MS = 2000;
+
+// Outside-the-store map of pending auto-clear timers, keyed by
+// (maglevd, frontend). Timer ids aren't UI state so they don't
+// belong in the reactive store; keeping them in a plain Map lets a
+// fresh transition cancel and restart the timer cleanly.
+const settlingTimers = new Map<string, ReturnType<typeof setTimeout>>();
+function settleKey(m: string, f: string): string {
+  return `${m}\x00${f}`;
+}
+
+function markFrontendSettling(maglevd: string, frontend: string) {
+  setState(
+    produce((s) => {
+      if (!s.settling[maglevd]) s.settling[maglevd] = {};
+      s.settling[maglevd][frontend] = true;
+    }),
+  );
+  const k = settleKey(maglevd, frontend);
+  const existing = settlingTimers.get(k);
+  if (existing) clearTimeout(existing);
+  settlingTimers.set(
+    k,
+    setTimeout(() => {
+      settlingTimers.delete(k);
+      setState(
+        produce((s) => {
+          if (s.settling[maglevd]) delete s.settling[maglevd][frontend];
+        }),
+      );
+    }, SETTLE_GRACE_MS),
+  );
+}
+
+// clearMaglevdSettling is called from applyLBState the moment a fresh
+// GetVPPLBState reconciliation lands. The dataplane data is now at
+// least as new as whatever transitions triggered the wait, so any
+// remaining bug-buckets discrepancy is real and worth surfacing.
+// The 2s safety timer in markFrontendSettling exists only as a
+// fallback for the case where VPP is disconnected (or the fetch is
+// failing) and an lb-state event would never arrive — without the
+// timer, settling would get stuck and the icon would silently
+// suppress real bugs.
+function clearMaglevdSettling(maglevd: string) {
+  for (const [k, id] of settlingTimers) {
+    if (k.startsWith(maglevd + "\x00")) {
+      clearTimeout(id);
+      settlingTimers.delete(k);
+    }
+  }
+  setState(
+    produce((s) => {
+      if (s.settling[maglevd]) s.settling[maglevd] = {};
+    }),
+  );
+}
+
 export function replaceSnapshot(snap: StateSnapshot) {
   // Recompute effective weights + aggregate frontend state locally
   // from the snapshot's backends array, rather than trusting the
@@ -146,6 +215,17 @@ export function applyBackendTransition(maglevd: string, p: BackendEventPayload)
       recomputeDerivedState(snap);
     }),
   );
+  // Mark every frontend that references this backend as settling so
+  // the bug-buckets verdict is gated on the next fresh GetVPPLBState
+  // reconciliation (or the 2s safety timer, whichever fires first).
+  const snap = state.byName[maglevd];
+  if (snap) {
+    for (const fe of snap.frontends) {
+      if (fe.pools.some((pool) => pool.backends.some((pb) => pb.name === p.backend))) {
+        markFrontendSettling(maglevd, fe.name);
+      }
+    }
+  }
 }
 
 // Frontend-transition events arrive from the server's checker, but
@@ -160,6 +240,70 @@ export function applyFrontendTransition(_maglevd: string, _p: FrontendEventPaylo
   // no-op — state is derived client-side, see recomputeDerivedState
 }
 
+// applyLBState merges the per-frontend bucket map for one maglevd
+// from a freshly-arrived "lb-state" SSE event. A null/undefined
+// per_frontend payload (sent on VPP disconnect or fetch failure)
+// clears the cached map so the SPA renders em-dashes in the buckets
+// column instead of stale numbers.
+//
+// The merge is done leaf-by-leaf rather than via wholesale assignment.
+// produce's proxy only emits a signal when a property is actually
+// written, so guarding each write with `!==` keeps unchanged numbers
+// (in particular every drained-to-0 backend) from invalidating their
+// downstream reactive reads. Without this, the periodic 30s refresh
+// and every same-value re-fetch would re-trigger the Flash animation
+// on every cell — which is exactly the visual storm we're avoiding.
+export function applyLBState(maglevd: string, p: LBStatePayload) {
+  setState(
+    produce((s) => {
+      const snap = s.byName[maglevd];
+      if (!snap) return;
+      const next = p.per_frontend;
+      const empty = !next || Object.keys(next).length === 0;
+      if (empty) {
+        if (snap.lb_state !== undefined) snap.lb_state = undefined;
+        return;
+      }
+      if (!snap.lb_state) {
+        snap.lb_state = { per_frontend: {} };
+      }
+      const cur = snap.lb_state.per_frontend;
+      // Update / insert leaves that actually changed.
+      for (const fe of Object.keys(next)) {
+        if (!cur[fe]) cur[fe] = {};
+        const curRow = cur[fe];
+        const nextRow = next[fe];
+        for (const be of Object.keys(nextRow)) {
+          if (curRow[be] !== nextRow[be]) curRow[be] = nextRow[be];
+        }
+        for (const be of Object.keys(curRow)) {
+          if (!(be in nextRow)) delete curRow[be];
+        }
+      }
+      // Drop frontends that disappeared from the new snapshot.
+      for (const fe of Object.keys(cur)) {
+        if (!(fe in next)) delete cur[fe];
+      }
+    }),
+  );
+  // A fresh lb-state event means the dataplane data is now at least
+  // as new as anything we were waiting on — re-enable bug detection.
+  clearMaglevdSettling(maglevd);
+}
+
+// lbBucketsFor looks up the bucket count VPP currently routes to a
+// given backend on a given frontend. Returns undefined when the
+// snapshot has no LB state at all (VPP disconnected, no fetch yet) or
+// when the backend isn't programmed into VPP for that VIP — the view
+// renders an em-dash in both cases.
+export function lbBucketsFor(
+  snap: StateSnapshot | undefined,
+  frontend: string,
+  backend: string,
+): number | undefined {
+  return snap?.lb_state?.per_frontend?.[frontend]?.[backend];
+}
+
 export function applyVPPStatus(maglevd: string, state: string) {
   setState(
     produce((s) => {
@@ -211,6 +355,89 @@ export function applyConfiguredWeight(
       recomputeDerivedState(snap);
     }),
   );
+  markFrontendSettling(maglevd, frontend);
+}
+
+// FrontendHealth is the per-frontend "is everything actually working"
+// verdict computed from backend states, effective weights, and (when
+// available) the VPP bucket map. The cascade is intentionally
+// priority-ordered: a data-plane disagreement (control says serve,
+// VPP routes nothing) is the loudest signal because it usually means
+// something is broken in the sync path, not just an unhealthy backend.
+//
+//   "ok"               → all backends up, primary serving, every
+//                        eff>0 backend has VPP buckets>0
+//   "bug-buckets"      → some backend with effective_weight>0 has 0
+//                        buckets in VPP — control plane and data
+//                        plane disagree, almost always a bug
+//   "primary-drained"  → primary pool is not serving any traffic
+//                        (every backend in pool[0] has eff=0); the
+//                        frontend is on its fallback or fully down
+//   "degraded"         → at least one backend isn't 'up' but nothing
+//                        worse — typical maintenance / outage state
+//   "unknown"          → fallthrough; should be unreachable, kept as
+//                        a safety net for logic bugs in this function
+export type FrontendHealth =
+  | "ok"
+  | "bug-buckets"
+  | "primary-drained"
+  | "degraded"
+  | "unknown";
+
+export function frontendHealth(snap: StateSnapshot, fe: FrontendSnapshot): FrontendHealth {
+  const stateOf: Record<string, string> = {};
+  for (const b of snap.backends) stateOf[b.name] = b.state;
+
+  // The bucket check is only meaningful when we actually have an LB
+  // state snapshot. On a fresh page load (or with VPP disconnected)
+  // lb_state is undefined; in that window we fall back to "trust the
+  // control plane" so the icon still settles to ✅ instead of
+  // perpetual ❓ until the first GetVPPLBState round-trip.
+  const lbAvailable = !!snap.lb_state;
+  const feBuckets = snap.lb_state?.per_frontend?.[fe.name];
+  // Reactive read of the per-frontend settling flag. While true,
+  // we're still waiting for the next GetVPPLBState reconciliation
+  // after a recent control-plane change; the dataplane may be mid-
+  // reconverge so any "weight>0 but buckets==0" we'd see here is
+  // almost certainly a race, not a real bug.
+  const settling = !!state.settling[snap.maglevd.name]?.[fe.name];
+
+  let anyDown = false;
+  let dataplaneBug = false;
+  for (const pool of fe.pools) {
+    for (const pb of pool.backends) {
+      if (stateOf[pb.name] !== "up") anyDown = true;
+      if (!settling && lbAvailable && pb.effective_weight > 0) {
+        const b = feBuckets?.[pb.name];
+        if (b === undefined || b === 0) dataplaneBug = true;
+      }
+    }
+  }
+
+  const primary = fe.pools[0];
+  const primaryHasWeights = !!primary && primary.backends.some((pb) => pb.weight > 0);
+  const primaryAllZero = !primary || primary.backends.every((pb) => pb.effective_weight === 0);
+
+  if (!anyDown && primaryHasWeights && !dataplaneBug) return "ok";
+  if (dataplaneBug) return "bug-buckets";
+  if (primaryAllZero) return "primary-drained";
+  if (anyDown) return "degraded";
+  return "unknown";
+}
+
+export function frontendHealthIcon(snap: StateSnapshot, fe: FrontendSnapshot): string {
+  switch (frontendHealth(snap, fe)) {
+    case "ok":
+      return "✅";
+    case "bug-buckets":
+      return "‼️";
+    case "primary-drained":
+      return "❗";
+    case "degraded":
+      return "⚠️";
+    case "unknown":
+      return "❓";
+  }
 }
 
 // Helpers used by views.
diff --git a/cmd/frontend/web/src/stores/zippy.ts b/cmd/frontend/web/src/stores/zippy.ts
new file mode 100644
index 0000000..5ceaffe
--- /dev/null
+++ b/cmd/frontend/web/src/stores/zippy.ts
@@ -0,0 +1,55 @@
+import { createSignal } from "solid-js";
+
+// Persistence layer for collapsible (Zippy) panels. The cookie is a
+// best-effort hint: the page always renders all Zippies closed unless
+// their stable id is in the cookie's open-set, but a missing or
+// corrupt cookie just falls back to "everything closed", so losing it
+// (browser data clear, expiry, private window, write failure) is a
+// pure cosmetic regression.
+//
+// localStorage would arguably be a tidier home for this — it's
+// client-only and doesn't ride on every HTTP request — but the
+// payload is tiny and the user asked for a cookie, so a cookie it
+// is. SameSite=Lax keeps it from leaking to third-party iframes.
+
+const COOKIE_NAME = "maglev_zippy_open";
+const COOKIE_MAX_AGE = 60 * 60 * 24 * 365; // 1 year
+
+function readCookie(): Set<string> {
+  try {
+    const raw = document.cookie
+      .split("; ")
+      .find((c) => c.startsWith(COOKIE_NAME + "="));
+    if (!raw) return new Set();
+    const value = decodeURIComponent(raw.slice(COOKIE_NAME.length + 1));
+    if (!value) return new Set();
+    return new Set(value.split(","));
+  } catch {
+    return new Set();
+  }
+}
+
+function writeCookie(ids: Set<string>) {
+  try {
+    const value = encodeURIComponent([...ids].join(","));
+    document.cookie = `${COOKIE_NAME}=${value}; Path=/; Max-Age=${COOKIE_MAX_AGE}; SameSite=Lax`;
+  } catch {
+    // best-effort — quota, third-party-cookie blocks, etc. all silently fall back
+  }
+}
+
+const [openSet, setOpenSet] = createSignal<Set<string>>(readCookie());
+
+export function isZippyOpen(id: string): boolean {
+  return openSet().has(id);
+}
+
+export function setZippyOpen(id: string, open: boolean) {
+  const cur = openSet();
+  if (open === cur.has(id)) return;
+  const next = new Set(cur);
+  if (open) next.add(id);
+  else next.delete(id);
+  setOpenSet(next);
+  writeCookie(next);
+}
diff --git a/cmd/frontend/web/src/styles/theme.css b/cmd/frontend/web/src/styles/theme.css
index 6bb57fb..c27643e 100644
--- a/cmd/frontend/web/src/styles/theme.css
+++ b/cmd/frontend/web/src/styles/theme.css
@@ -174,9 +174,27 @@
   gap: 10px;
   flex-wrap: wrap;
 }
+.frontend-title-icon {
+  display: inline-block;
+  width: 1.5em;
+  text-align: center;
+  font-size: 14px;
+  line-height: 1;
+}
 .frontend-title-name {
   font-size: 15px;
   font-weight: 600;
+  /* Fixed-width slot so the state badge (and everything after it)
+   * lines up across every Zippy header. 40ch is wide enough for the
+   * longest realistic frontend name without crowding the icon to its
+   * left. Names that exceed the slot get an ellipsis rather than
+   * pushing the badge sideways. */
+  display: inline-block;
+  width: 40ch;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: middle;
 }
 .frontend-title-addr {
   font-family: "SF Mono", Menlo, Consolas, monospace;
@@ -280,6 +298,9 @@
 .backend-table .col-effective {
   width: 95px;
 }
+.backend-table .col-buckets {
+  width: 95px;
+}
 .backend-table .col-age {
   width: 110px;
 }
diff --git a/cmd/frontend/web/src/types.ts b/cmd/frontend/web/src/types.ts
index fe87795..ef039a7 100644
--- a/cmd/frontend/web/src/types.ts
+++ b/cmd/frontend/web/src/types.ts
@@ -79,15 +79,29 @@ export type StateSnapshot = {
   healthchecks: HealthCheckSnapshot[];
   vpp_info?: VPPInfoSnapshot;
   vpp_state?: string; // "connected" | "disconnected" | ""
+  lb_state?: LBStateSnapshot;
+};
+
+// LBStateSnapshot is VPP's view of buckets-per-backend, scoped per
+// frontend. lb_state.per_frontend[frontendName][backendName] is the
+// number of consistent-hash buckets VPP currently routes to that
+// backend on that VIP. Missing entries (or a missing snapshot) render
+// as an em-dash in the SPA.
+export type LBStateSnapshot = {
+  per_frontend: Record<string, Record<string, number>>;
 };
 
 export type BrowserEvent = {
   maglevd: string;
-  type: "log" | "backend" | "frontend" | "maglevd-status" | "vpp-status" | "resync";
+  type: "log" | "backend" | "frontend" | "maglevd-status" | "vpp-status" | "lb-state" | "resync";
   at_unix_ns: number;
   payload: unknown;
 };
 
+export type LBStatePayload = {
+  per_frontend: Record<string, Record<string, number>> | null;
+};
+
 export type BackendEventPayload = {
   backend: string;
   transition: TransitionRecord;
diff --git a/cmd/frontend/web/src/views/BackendRow.tsx b/cmd/frontend/web/src/views/BackendRow.tsx
index d03d9c2..7c61777 100644
--- a/cmd/frontend/web/src/views/BackendRow.tsx
+++ b/cmd/frontend/web/src/views/BackendRow.tsx
@@ -1,10 +1,10 @@
-import { Show, type Component } from "solid-js";
+import { Show, createMemo, type Component } from "solid-js";
 import type { BackendSnapshot, PoolBackendSnapshot } from "../types";
 import StatusBadge from "../components/StatusBadge";
 import ProbeHeartbeat from "../components/ProbeHeartbeat";
 import Flash from "../components/Flash";
 import BackendActionsMenu from "../components/BackendActionsMenu";
-import { lastTransitionAge } from "../stores/state";
+import { lastTransitionAge, lbBucketsFor, state as appState } from "../stores/state";
 import { isAdmin } from "../stores/mode";
 
 type Props = {
@@ -27,6 +27,18 @@ type Props = {
 
 const BackendRow: Component<Props> = (props) => {
   const b = () => props.backend;
+  // Subscribed lookup: lbBucketsFor reads from the reactive store, so
+  // the cell re-renders the moment a "lb-state" SSE event mutates the
+  // map. A missing entry (VPP disconnected, backend not yet programmed)
+  // renders as an em-dash; an explicit 0 means "in VPP, drained".
+  // createMemo guarantees Flash only sees a new value when the leaf
+  // actually changed — without it, any spurious upstream re-run (e.g.
+  // a sibling backend's transition triggering recomputeDerivedState)
+  // would pop the bucket cell on every backend in the table.
+  const bucketsLabel = createMemo<number | "—">(() => {
+    const v = lbBucketsFor(appState.byName[props.maglevd], props.frontend, b().name);
+    return v === undefined ? "—" : v;
+  });
   return (
     <tr
       class="backend-row"
@@ -50,6 +62,9 @@ const BackendRow: Component<Props> = (props) => {
       <td class="numeric">
         <Flash value={props.poolBackend.effective_weight} />
       </td>
+      <td class="numeric">
+        <Flash value={bucketsLabel()} />
+      </td>
       <td class="age">{lastTransitionAge(b().last_transition)}</td>
       <Show when={isAdmin}>
         <td class="actions">
diff --git a/cmd/frontend/web/src/views/DebugPanel.tsx b/cmd/frontend/web/src/views/DebugPanel.tsx
index 8085a1a..54e81bc 100644
--- a/cmd/frontend/web/src/views/DebugPanel.tsx
+++ b/cmd/frontend/web/src/views/DebugPanel.tsx
@@ -44,7 +44,7 @@ const DebugPanel: Component = () => {
   });
 
   return (
-    <Zippy title="Event stream">
+    <Zippy id="debug-events" title="Event stream">
       <ol class="event-tail" ref={olRef}>
         <For each={filtered()}>
           {(ev) => (
diff --git a/cmd/frontend/web/src/views/FrontendCard.tsx b/cmd/frontend/web/src/views/FrontendCard.tsx
index b891bff..ab668c0 100644
--- a/cmd/frontend/web/src/views/FrontendCard.tsx
+++ b/cmd/frontend/web/src/views/FrontendCard.tsx
@@ -5,7 +5,7 @@ import StatusBadge from "../components/StatusBadge";
 import Flash from "../components/Flash";
 import Zippy from "../components/Zippy";
 import { isAdmin } from "../stores/mode";
-import { formatVIPAddress } from "../stores/state";
+import { formatVIPAddress, frontendHealthIcon } from "../stores/state";
 
 type Props = {
   snap: StateSnapshot;
@@ -26,8 +26,15 @@ const FrontendCard: Component<Props> = (props) => {
   const backendByName = () => Object.fromEntries(props.snap.backends.map((b) => [b.name, b]));
   const fe = () => props.frontend;
 
+  // The icon span has a fixed width so the rest of the title doesn't
+  // jiggle horizontally when the verdict changes (✅ ↔ ⚠️ ↔ ❗ etc.).
+  // The role/aria-label gives the meaning without depending on the
+  // emoji glyph reading well to a screen reader.
   const title = (
     <span class="frontend-title">
+      <span class="frontend-title-icon" aria-label="health" role="img">
+        {frontendHealthIcon(props.snap, fe())}
+      </span>
       <span class="frontend-title-name">{fe().name}</span>
       <Flash value={fe().state ?? "unknown"}>
         <StatusBadge state={fe().state ?? "unknown"} />
@@ -40,7 +47,7 @@ const FrontendCard: Component<Props> = (props) => {
   );
 
   return (
-    <Zippy title={title} open>
+    <Zippy id={`frontend-${props.snap.maglevd.name}-${fe().name}`} title={title}>
       <table class="backend-table">
         <thead>
           <tr>
@@ -50,6 +57,7 @@ const FrontendCard: Component<Props> = (props) => {
             <th class="col-state">state</th>
             <th class="col-weight numeric">weight</th>
             <th class="col-effective numeric">effective</th>
+            <th class="col-buckets numeric">lb buckets</th>
             <th class="col-age">last transition</th>
             <Show when={isAdmin}>
               <th class="col-actions actions" />
diff --git a/cmd/frontend/web/src/views/VPPInfoPanel.tsx b/cmd/frontend/web/src/views/VPPInfoPanel.tsx
index ebbd9a2..d413719 100644
--- a/cmd/frontend/web/src/views/VPPInfoPanel.tsx
+++ b/cmd/frontend/web/src/views/VPPInfoPanel.tsx
@@ -77,7 +77,7 @@ const VPPInfoPanel: Component<Props> = (props) => {
   );
 
   return (
-    <Zippy title={title}>
+    <Zippy id={`vpp-${props.name}`} title={title}>
       <Show when={props.info} fallback={<p class="empty">No VPP information available.</p>}>
         {(i) => (
           <dl class="kv">
diff --git a/cmd/maglevc/complete.go b/cmd/maglevc/complete.go
index d1637c5..1d82b8d 100644
--- a/cmd/maglevc/complete.go
+++ b/cmd/maglevc/complete.go
@@ -88,9 +88,25 @@ func (ql *questionListener) OnChange(line []rune, pos int, key rune) (newLine []
 	// Walk the confirmed prefix to the current node, then try to advance one
 	// more step using the partial token (via prefix-match or slot fallback).
 	// This mirrors birdc: "sh?" expands "sh" to "show" and shows show's subtree.
-	node, _ := Walk(ql.root, prefix)
+	node, _, remaining := Walk(ql.root, prefix)
 	displayPrefix := strings.Join(prefix, " ")
-	if partial != "" {
+	var unknownMsg string
+	if len(remaining) > 0 {
+		// One of the confirmed prefix tokens was unknown. Show an
+		// "unknown" banner, then list what's available at the deepest
+		// node we *did* reach so the operator can see what they could
+		// have typed instead. The partial at the cursor is irrelevant
+		// once the left context is already broken.
+		consumed := prefix[:len(prefix)-len(remaining)]
+		bad := remaining[0]
+		if len(consumed) == 0 {
+			unknownMsg = fmt.Sprintf("unknown command: %s", bad)
+		} else {
+			unknownMsg = fmt.Sprintf("unknown subcommand %q after %q", bad, strings.Join(consumed, " "))
+		}
+		displayPrefix = strings.Join(consumed, " ")
+		partial = ""
+	} else if partial != "" {
 		if next := matchFixedChild(node.Children, partial); next != nil {
 			// Partial uniquely matched a fixed child — descend into it.
 			node = next
@@ -127,7 +143,19 @@ func (ql *questionListener) OnChange(line []rune, pos int, key rune) (newLine []
 	}
 
 	// Emit output. Raw terminal mode requires \r\n.
-	fmt.Fprintf(ql.rl.Stderr(), "\r\n")
+	//
+	// readline's wrapWriter wraps every Write in a clean-write-print
+	// cycle: it erases the current input line, runs our closure, and
+	// redraws the prompt+buffer afterwards. That means starting the
+	// output with a bare "\r\n" leaves the original row blank, so the
+	// operator loses sight of what they typed. Instead we echo the
+	// full "maglev> show vpp lb ?" ourselves as the first write —
+	// that lands on the just-cleaned row, birdc-style, and the
+	// subsequent Fprintfs each redraw a fresh prompt below the help.
+	fmt.Fprintf(ql.rl.Stderr(), "%s%s\r\n", ql.rl.Config.Prompt, string(line))
+	if unknownMsg != "" {
+		fmt.Fprintf(ql.rl.Stderr(), "  %s\r\n", unknownMsg)
+	}
 	if len(lines) == 0 {
 		fmt.Fprintf(ql.rl.Stderr(), "  <no completions>\r\n")
 	} else {
diff --git a/cmd/maglevc/shell.go b/cmd/maglevc/shell.go
index e5e065e..f4788a2 100644
--- a/cmd/maglevc/shell.go
+++ b/cmd/maglevc/shell.go
@@ -66,20 +66,40 @@ func runShell(ctx context.Context, client grpcapi.MaglevClient) error {
 
 // dispatch walks the tree and executes the matched command.
 func dispatch(ctx context.Context, root *Node, client grpcapi.MaglevClient, tokens []string) error {
-	node, args := Walk(root, tokens)
+	node, args, remaining := Walk(root, tokens)
+
+	if len(remaining) > 0 {
+		// One or more tokens couldn't be matched. Report the first
+		// offending token with the consumed prefix for context; don't
+		// dump the full command tree prefixed with garbage, which is
+		// what the previous code did and what prompted this fix.
+		consumed := tokens[:len(tokens)-len(remaining)]
+		return unknownCommandError(consumed, remaining[0])
+	}
 
 	if node.Run == nil {
-		showHelp(root, tokens)
+		showHelpAt(node, strings.Join(tokens, " "))
 		return nil
 	}
 
 	return node.Run(ctx, client, args)
 }
 
-// showHelp prints all reachable commands from the given token path, birdc-style.
-func showHelp(root *Node, tokens []string) {
-	node, _ := Walk(root, tokens)
-	prefix := strings.Join(tokens, " ")
+// unknownCommandError builds the error returned by dispatch when the
+// tree walk couldn't consume the full token list. The format differs
+// slightly depending on whether any tokens were consumed, so the
+// message always points at the first unknown token and its context.
+func unknownCommandError(consumed []string, bad string) error {
+	if len(consumed) == 0 {
+		return fmt.Errorf("unknown command: %s", bad)
+	}
+	return fmt.Errorf("unknown subcommand %q after %q", bad, strings.Join(consumed, " "))
+}
+
+// showHelpAt prints the reachable leaves below node, each displayed
+// with the given prefix. Split from dispatch so the caller can decide
+// which node to anchor the help at without re-walking the tree.
+func showHelpAt(node *Node, prefix string) {
 	lines := expandPaths(node, prefix, make(map[*Node]bool))
 
 	maxLen := 0
diff --git a/cmd/maglevc/tree.go b/cmd/maglevc/tree.go
index d138271..ac3b713 100644
--- a/cmd/maglevc/tree.go
+++ b/cmd/maglevc/tree.go
@@ -23,8 +23,12 @@ type Node struct {
 // Walk descends the tree following tokens. At each step it tries fixed
 // children first (exact then prefix), then falls back to a slot child
 // (Dynamic != nil). Tokens consumed by slot children are collected as args.
-// Returns the deepest node reached and the args collected from slot nodes.
-func Walk(root *Node, tokens []string) (*Node, []string) {
+// Returns the deepest node reached, the args collected from slot nodes,
+// and any tokens that could not be matched. A non-empty remaining slice
+// means the input contained a token that neither matched a fixed child
+// at the current node nor fed into a slot — callers should treat that
+// as "unknown command" rather than silently anchoring help at the root.
+func Walk(root *Node, tokens []string) (*Node, []string, []string) {
 	node := root
 	var args []string
 	for len(tokens) > 0 {
@@ -47,10 +51,11 @@ func Walk(root *Node, tokens []string) (*Node, []string) {
 			continue
 		}
 
-		// Dead end — no match.
+		// Dead end — no match. The caller gets the still-unconsumed tail
+		// in the third return value.
 		break
 	}
-	return node, args
+	return node, args, tokens
 }
 
 // matchFixedChild returns the child matching tok by exact then unique prefix,
@@ -124,8 +129,14 @@ func expandPaths(node *Node, prefix string, visited map[*Node]bool) []helpLine {
 // Candidates returns the completable children at the current position given
 // the already-typed tokens and the partial token being completed.
 func Candidates(root *Node, tokens []string, partial string, ctx context.Context, client grpcapi.MaglevClient) []*Node {
-	// Walk the already-confirmed tokens.
-	node, _ := Walk(root, tokens)
+	// Walk the already-confirmed tokens. If any of them are unknown,
+	// offer no completions at all — continuing to suggest children off
+	// the partially-walked node would mislead the user into "completing"
+	// an invalid command.
+	node, _, remaining := Walk(root, tokens)
+	if len(remaining) > 0 {
+		return nil
+	}
 
 	// Now look at what could follow at this node.
 	// Check fixed children filtered by partial.
diff --git a/cmd/maglevc/tree_test.go b/cmd/maglevc/tree_test.go
index 6d532c3..e09aed3 100644
--- a/cmd/maglevc/tree_test.go
+++ b/cmd/maglevc/tree_test.go
@@ -53,7 +53,7 @@ func TestExpandPathsRoot(t *testing.T) {
 
 func TestExpandPathsShow(t *testing.T) {
 	root := buildTree()
-	showNode, _ := Walk(root, []string{"show"})
+	showNode, _, _ := Walk(root, []string{"show"})
 	lines := expandPaths(showNode, "show", make(map[*Node]bool))
 
 	for _, l := range lines {
@@ -75,7 +75,7 @@ func TestExpandPathsShow(t *testing.T) {
 func TestExpandPathsNoCycles(t *testing.T) {
 	root := buildTree()
 	// watch events has a self-referencing slot; expandPaths must terminate.
-	watchEvents, _ := Walk(root, []string{"watch", "events"})
+	watchEvents, _, _ := Walk(root, []string{"watch", "events"})
 	lines := expandPaths(watchEvents, "watch events", make(map[*Node]bool))
 
 	// Should produce exactly 2 lines: "watch events" and "watch events <opt>".
@@ -87,7 +87,7 @@ func TestExpandPathsNoCycles(t *testing.T) {
 func TestExpandPathsSetBackendName(t *testing.T) {
 	root := buildTree()
 	// Walk to the name slot so displayPrefix carries the actual arg.
-	node, _ := Walk(root, []string{"set", "backend", "mybackend"})
+	node, _, _ := Walk(root, []string{"set", "backend", "mybackend"})
 	lines := expandPaths(node, "set backend mybackend", make(map[*Node]bool))
 
 	want := []string{
@@ -110,31 +110,37 @@ func TestPrefixMatchCollapsedNouns(t *testing.T) {
 	root := buildTree()
 
 	// "sh ba" → show backends (list all) via prefix matching.
-	node, args := Walk(root, []string{"sh", "ba"})
+	node, args, rem := Walk(root, []string{"sh", "ba"})
 	if node.Run == nil {
 		t.Fatal("'sh ba' did not reach a Run node")
 	}
 	if len(args) != 0 {
 		t.Errorf("'sh ba' should have 0 args, got %v", args)
 	}
+	if len(rem) != 0 {
+		t.Errorf("'sh ba' should fully consume tokens, got remaining %v", rem)
+	}
 
 	// "sh ba nginx0" → show backends <name> (get specific) via slot.
-	node, args = Walk(root, []string{"sh", "ba", "nginx0"})
+	node, args, rem = Walk(root, []string{"sh", "ba", "nginx0"})
 	if node.Run == nil {
 		t.Fatal("'sh ba nginx0' did not reach a Run node")
 	}
 	if len(args) != 1 || args[0] != "nginx0" {
 		t.Errorf("'sh ba nginx0' args: got %v, want [nginx0]", args)
 	}
+	if len(rem) != 0 {
+		t.Errorf("'sh ba nginx0' should fully consume tokens, got remaining %v", rem)
+	}
 
 	// "sh fr" → show frontends (list all).
-	node, _ = Walk(root, []string{"sh", "fr"})
+	node, _, _ = Walk(root, []string{"sh", "fr"})
 	if node.Run == nil {
 		t.Fatal("'sh fr' did not reach a Run node")
 	}
 
 	// "sh he icmp" → show healthchecks icmp (get specific).
-	node, args = Walk(root, []string{"sh", "he", "icmp"})
+	node, args, _ = Walk(root, []string{"sh", "he", "icmp"})
 	if node.Run == nil {
 		t.Fatal("'sh he icmp' did not reach a Run node")
 	}
@@ -143,11 +149,37 @@ func TestPrefixMatchCollapsedNouns(t *testing.T) {
 	}
 }
 
+func TestWalkUnknownTokens(t *testing.T) {
+	root := buildTree()
+
+	// A bare unknown word leaves every token unconsumed and anchors
+	// the returned node at the root — callers must treat this as
+	// "unknown command" rather than silently showing the whole tree.
+	node, _, rem := Walk(root, []string{"foo"})
+	if node != root {
+		t.Errorf("'foo' should leave walk at root, got %q", node.Word)
+	}
+	if len(rem) != 1 || rem[0] != "foo" {
+		t.Errorf("'foo' remaining: got %v, want [foo]", rem)
+	}
+
+	// Partial consumption: "show" matches but "bogus" doesn't. The
+	// returned remaining is the first unmatched token onwards so the
+	// caller can point at exactly what was wrong.
+	node, _, rem = Walk(root, []string{"show", "bogus", "tail"})
+	if node.Word != "show" {
+		t.Errorf("'show bogus tail' should stop at show, got %q", node.Word)
+	}
+	if len(rem) != 2 || rem[0] != "bogus" || rem[1] != "tail" {
+		t.Errorf("'show bogus tail' remaining: got %v, want [bogus tail]", rem)
+	}
+}
+
 func TestExpandPathsWeightSlotWalk(t *testing.T) {
 	// Verify the weight command is fully walkable (fixes bug: setWeightValue
 	// and setFrontendPoolName were non-slot nodes that couldn't capture tokens).
 	root := buildTree()
-	node, args := Walk(root, []string{"set", "frontend", "web", "pool", "primary", "backend", "be0", "weight", "42"})
+	node, args, _ := Walk(root, []string{"set", "frontend", "web", "pool", "primary", "backend", "be0", "weight", "42"})
 	if node.Run == nil {
 		t.Fatal("Walk did not reach a Run node for full weight command")
 	}
diff --git a/internal/checker/checker.go b/internal/checker/checker.go
index 8170c19..bd279e5 100644
--- a/internal/checker/checker.go
+++ b/internal/checker/checker.go
@@ -6,6 +6,7 @@ import (
 	"context"
 	"fmt"
 	"log/slog"
+	"math/rand/v2"
 	"net"
 	"sort"
 	"sync"
@@ -586,7 +587,7 @@ func (c *Checker) runProbe(ctx context.Context, name string, pos, total int) {
 				sleepFor = 30 * time.Second
 			}
 		} else {
-			sleepFor = w.backend.NextInterval(hc.Interval, hc.FastInterval, hc.DownInterval)
+			sleepFor = jitterInterval(w.backend.NextInterval(hc.Interval, hc.FastInterval, hc.DownInterval))
 		}
 		c.mu.RUnlock()
 
@@ -827,3 +828,14 @@ func staggerDelay(interval time.Duration, pos, total int) time.Duration {
 	}
 	return time.Duration(int64(interval) * int64(pos) / int64(total))
 }
+
+// jitterInterval scales d by a uniformly-random factor in [0.9, 1.1) so that
+// probe schedules across many backends drift apart instead of all firing on
+// the same tick after process start (or after a config reload re-staggers them
+// onto identical phases).
+func jitterInterval(d time.Duration) time.Duration {
+	if d <= 0 {
+		return d
+	}
+	return time.Duration(float64(d) * (0.9 + 0.2*rand.Float64()))
+}
diff --git a/internal/prober/http.go b/internal/prober/http.go
index b94be8a..4ad943f 100644
--- a/internal/prober/http.go
+++ b/internal/prober/http.go
@@ -12,9 +12,12 @@ import (
 	"strconv"
 	"strings"
 
+	buildinfo "git.ipng.ch/ipng/vpp-maglev/cmd"
 	"git.ipng.ch/ipng/vpp-maglev/internal/health"
 )
 
+var userAgent = "maglev-healthchecker/" + buildinfo.Version() + " (+https://git.ipng.ch/ipng/vpp-maglev)"
+
 // HTTPProbe sends a plain HTTP GET to cfg.Target inside the healthcheck netns.
 func HTTPProbe(ctx context.Context, cfg ProbeConfig) health.ProbeResult {
 	return doHTTPProbe(ctx, cfg, false)
@@ -110,7 +113,7 @@ func doHTTPProbe(ctx context.Context, cfg ProbeConfig, useTLS bool) health.Probe
 		return health.ProbeResult{OK: false, Layer: health.LayerL7, Code: "L7RSP", Detail: err.Error()}
 	}
 	req.Host = hostHeader
-	req.Header.Set("User-Agent", "maglev-healthchecker/1.0")
+	req.Header.Set("User-Agent", userAgent)
 
 	resp, err := client.Do(req)
 	if err != nil {
diff --git a/internal/vpp/lbstate.go b/internal/vpp/lbstate.go
index 904fe4a..ce6b2aa 100644
--- a/internal/vpp/lbstate.go
+++ b/internal/vpp/lbstate.go
@@ -79,7 +79,7 @@ func (c *Client) GetLBStateAll() (*LBState, error) {
 		return nil, err
 	}
 	for i := range vips {
-		ases, err := dumpASesForVIP(ch, vips[i].Protocol, vips[i].Port)
+		ases, err := dumpASesForVIP(ch, vips[i].Prefix, vips[i].Protocol, vips[i].Port)
 		if err != nil {
 			return nil, err
 		}
@@ -159,7 +159,7 @@ func lookupVIP(ch *loggedChannel, prefix *net.IPNet, protocol uint8, port uint16
 		if all[i].Protocol != protocol || all[i].Port != port {
 			continue
 		}
-		ases, err := dumpASesForVIP(ch, protocol, port)
+		ases, err := dumpASesForVIP(ch, all[i].Prefix, protocol, port)
 		if err != nil {
 			return nil, err
 		}
@@ -170,13 +170,22 @@ func lookupVIP(ch *loggedChannel, prefix *net.IPNet, protocol uint8, port uint16
 }
 
 // dumpASesForVIP returns the application servers bound to the VIP identified
-// by (protocol, port). VPP's lb_as_v2_dump filter is used; we also guard
-// defensively against replies for other VIPs.
-func dumpASesForVIP(ch *loggedChannel, protocol uint8, port uint16) ([]LBAS, error) {
+// by (prefix, protocol, port).
+//
+// VPP's lb_as_v2_dump does not honour the request's Pfx field — the LB
+// plugin only filters on (protocol, port), so a single dump call returns
+// ASes for every VIP sharing that proto+port pair (e.g. an IPv4 and an
+// IPv6 VIP both listening on TCP/80). We do the prefix filter in Go on
+// the response side. Earlier we tried setting Pfx in the request as
+// well; for reasons unknown that silently dropped every IPv4 reply, so
+// this code intentionally leaves Pfx zero and relies entirely on
+// post-filtering.
+func dumpASesForVIP(ch *loggedChannel, prefix *net.IPNet, protocol uint8, port uint16) ([]LBAS, error) {
 	req := &lb.LbAsV2Dump{
 		Protocol: protocol,
 		Port:     port,
 	}
+	want := prefix.String()
 	reqCtx := ch.SendMultiRequest(req)
 	var out []LBAS
 	for {
@@ -191,6 +200,9 @@ func dumpASesForVIP(ch *loggedChannel, protocol uint8, port uint16) ([]LBAS, err
 		if reply.Vip.Port != port || uint8(reply.Vip.Protocol) != protocol {
 			continue
 		}
+		if lbVipPrefix(reply.Vip).String() != want {
+			continue
+		}
 		var inUse time.Time
 		if reply.InUseSince != 0 {
 			inUse = time.Unix(int64(reply.InUseSince), 0)