Akkusymbol folgt dem Ladestand

Ein Symbol, das bei 5 % genauso aussieht wie bei 95 %, ist Dekoration und
keine Anzeige. Wer in der Menüleiste nur das Glyph stehen hat, will es ohne
die Zahl daneben lesen können.

Fünf Füllstufen, gerundet zur nächsten: 60 % soll nicht halbleer aussehen
und 40 % nicht dreiviertel voll.

Beim Bauen fiel auf, dass die naheliegende Lösung nicht geht. Die erste
Fassung hängte beim Laden ein „.bolt" an den Füllstand — von diesen
kombinierten Symbolen existiert aber allein `battery.100percent.bolt`, und
`battery.slash` gibt es auch nicht. Die übrigen wären leere Felder in der
Menüleiste gewesen. Nachgemessen statt angenommen, und ein Test prüft jetzt
für jeden erzeugten Namen, dass es ihn wirklich gibt.

Den Füllstand beim Laden gegen einen Blitz einzutauschen wäre die falsche
Wahl gewesen: dass geladen wird, sieht man am Netzstecker; wie weit es ist,
sieht man nirgends sonst. Also bleibt der Füllstand, und der Blitz kommt als
kleines Zeichen darüber.

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

Packages/OnyxKit/Sources/MetricsProvider/MetricWidgets.swift

@@ -336,15 +336,24 @@ private struct BatteryTile: View {
         let battery = model.snapshot.battery
 
         VStack(alignment: .leading, spacing: 8) {
-            HStack(alignment: .firstTextBaseline, spacing: 6) {
+            HStack(alignment: .firstTextBaseline, spacing: 7) {
+                // Das Symbol folgt dem Ladestand — sonst zeigt es bei 5 %
+                // dasselbe wie bei 95 % und trägt nichts bei.
+                Image(systemName: battery.map { BatterySymbol.name(charge: $0.charge) }
+                      ?? BatterySymbol.unavailable)
+                    .font(.system(size: 13))
+                    .foregroundStyle(tint(battery))
+                    .overlay(alignment: .topTrailing) {
+                        if battery?.isCharging == true {
+                            Image(systemName: BatterySymbol.chargingBolt)
+                                .font(.system(size: 7))
+                                .foregroundStyle(Onyx.Color.positive)
+                                .offset(x: 3, y: -3)
+                        }
+                    }
                 Text(MetricFormat.percent(battery?.charge ?? 0))
                     .font(Onyx.Font.metric).monospacedDigit()
                     .foregroundStyle(tint(battery))
-                if let battery, battery.isCharging {
-                    Image(systemName: "bolt.fill")
-                        .font(.system(size: 11))
-                        .foregroundStyle(Onyx.Color.positive)
-                }
                 Spacer(minLength: 0)
             }