Add a dashboard and backup download to the web UI

Metric history (5s to 1h tiers, persisted), uplink status, ping targets,
DHCP leases, and a tar.gz backup of the state directory.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AeFqV9dZrK6nipHkPfyM4F

pkgs/router-webui/templates/overview.html

@@ -1,12 +1,5 @@
 {{define "content"}}
-{{$s := .Data}}
-<section>
-  <dl>
-    <dt>Running system</dt><dd><code>{{short $s.Current}}</code></dd>
-    <dt>Confirmed system</dt><dd><code>{{short $s.Confirmed}}</code></dd>
-  </dl>
-</section>
-
+{{$s := .Data.Status}}
 {{if $s.Applying}}
 <section class="busy"><h2>Applying…</h2><p>Building the new configuration. This page refreshes on its own.</p></section>
 {{else if $s.ConfirmRunning}}
@@ -18,20 +11,37 @@
      the router goes back to the confirmed system on its own.</p>
   <form method="post" action="/confirm"><input type="hidden" name="csrf" value="{{.CSRF}}"><button>Confirm</button></form>
 </section>
-{{else}}
-<section>
-  {{if $s.Unapplied}}<p>The settings have changes that are not part of the confirmed system.</p>{{else}}<p>The settings match the confirmed system.</p>{{end}}
+{{else if $s.Unapplied}}
+<section class="pending">
+  <p>The settings have changes that are not part of the confirmed system.</p>
   <div class="actions">
     <form method="post" action="/apply"><input type="hidden" name="csrf" value="{{.CSRF}}"><button>Apply</button></form>
-    {{if $s.Unapplied}}<form method="post" action="/discard"><input type="hidden" name="csrf" value="{{.CSRF}}"><button class="secondary">Discard changes</button></form>{{end}}
+    <form method="post" action="/discard"><input type="hidden" name="csrf" value="{{.CSRF}}"><button class="secondary">Discard changes</button></form>
   </div>
 </section>
 {{end}}
 
+<div id="dashboard" data-range="{{.Data.Dashboard.Range}}" data-interval="{{.Data.Dashboard.Interval}}">
+{{template "dashboard" .}}
+</div>
+
+<section>
+  <h2>Configuration</h2>
+  {{if not (or $s.Applying $s.ConfirmRunning $s.Unapplied (gt (seconds $s.RollbackIn) 0))}}<p>The settings match the confirmed system.</p>{{end}}
+  <dl>
+    <dt>Running system</dt><dd><code>{{short $s.Current}}</code></dd>
+    <dt>Confirmed system</dt><dd><code>{{short $s.Confirmed}}</code></dd>
+  </dl>
+  {{if not (or $s.Applying $s.ConfirmRunning $s.Unapplied (gt (seconds $s.RollbackIn) 0))}}
+  <form method="post" action="/apply"><input type="hidden" name="csrf" value="{{.CSRF}}"><button class="secondary">Rebuild and apply</button></form>
+  {{end}}
+</section>
+
 {{if $s.Log}}
 <section>
   <h2>Last apply{{if $s.ApplyResult}} — {{if eq $s.ApplyResult "success"}}succeeded{{else}}failed ({{$s.ApplyResult}}){{end}}{{end}}</h2>
   <pre class="log">{{$s.Log}}</pre>
 </section>
 {{end}}
+<script src="/static/dashboard.js" defer></script>
 {{end}}