Menüleiste: Breite für die Gestalt, nicht für den Höchstwert

Nachgemessen statt geraten. Das Netzwerkelement war 69 Punkte breit, meine
Rechnung ergab 47 — und die anderen Module lagen konstant 16 darüber. Sechs
Punkte hatte allein das Netzwerk zusätzlich.

Zwei Ursachen. Die Hysterese hielt die Breite auf dem Höchstwert der letzten
zwanzig Sekunden; bei einem Wert, der im Sekundentakt schwankt, ist der fast
immer größer als der aktuelle. Und der Text wurde linksbündig gezeichnet, die
Differenz stand also komplett rechts als Lücke.

Jetzt wird die Breite für die **Gestalt** reserviert: alle Ziffern auf 9
gesetzt, das ergibt die breiteste Zeichenfolge derselben Form. Von 14 auf
37 KB/s bewegt sich damit nichts, und breiter wird es nur, wenn eine Stelle
dazukommt. Gezeichnet wird mittig, damit ein Rest sich auf beide Seiten
verteilt statt rechts zu stehen. Ergebnis: 69 → 57 Punkte.

Die verbleibenden rund 16 Punkte je Element legt macOS selbst um jedes
Statuselement; die Lücken zwischen benachbarten Elementen sind gemessen 0.

Neue Menüleistenmodule starten jetzt mit „Symbol + Wert" statt „Wert" —
bestehende Einstellungen bleiben, wie sie sind.

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

Packages/OnyxKit/Sources/MetricsProvider/MetricMenuBarModule.swift

@@ -121,9 +121,14 @@ final class MetricStatusView: NSView, WidthReporting {
     private var fadeTimer: Timer?
     private var fadePhase: Double = 0
 
-    private var adaptive = AdaptiveWidth(minimum: MenuBarText.minimumWidth)
     private var shownWidth: CGFloat = MenuBarText.minimumWidth
 
+    /// Die Breite für die Gestalt des Werts, nicht für seinen Höchstwert —
+    /// zwischen „34 %" und „87 %" darf sich nichts bewegen.
+    private func shape(_ text: String) -> String {
+        MenuBarText.widestOfSameShape(text)
+    }
+
     override var intrinsicContentSize: NSSize {
         NSSize(width: shownWidth, height: 22)
     }
@@ -139,11 +144,11 @@ final class MetricStatusView: NSView, WidthReporting {
         case .symbol: max(MenuBarText.minimumWidth, symbolSlot + 4)
         case .graph: 28
         case .bars: barsWidth
-        case .value: MenuBarText.width(for: displayValue)
-        case .valueAndGraph: MenuBarText.width(for: displayValue) + 2 + 28
-        case .labelAndValue: MenuBarText.width(for: "\(label) \(displayValue)")
+        case .value: MenuBarText.width(for: shape(displayValue))
+        case .valueAndGraph: MenuBarText.width(for: shape(displayValue)) + 2 + 28
+        case .labelAndValue: MenuBarText.width(for: shape("\(label) \(displayValue)"))
         case .symbolAndValue:
-            MenuBarText.width(for: displayValue) + symbolSlot + MenuBarText.innerGap
+            MenuBarText.width(for: shape(displayValue)) + symbolSlot + MenuBarText.innerGap
         }
     }
 
@@ -180,7 +185,7 @@ final class MetricStatusView: NSView, WidthReporting {
 
         updateFadeTimer()
 
-        let next = adaptive.update(needed: width)
+        let next = max(width, MenuBarText.minimumWidth)
         guard next != shownWidth else { return }
         shownWidth = next
         invalidateIntrinsicContentSize()

Packages/OnyxKit/Sources/NetworkProvider/NetworkMenuBarModule.swift

@@ -83,8 +83,13 @@ final class NetworkStatusView: NSView, WidthReporting {
     /// Leiste dabei nicht zappelt.
     private static func ratesWidth(_ snapshot: NetworkSnapshot) -> CGFloat {
         let font = NSFont.monospacedDigitSystemFont(ofSize: 9, weight: .regular)
+        // Die **Gestalt** reservieren, nicht den Höchstwert der letzten
+        // Messungen: der Durchsatz schwankt im Sekundentakt, und der Höchstwert
+        // ist fast immer größer als das, was gerade dasteht. Die Differenz
+        // stand als Lücke daneben.
         let lines = ["↓ " + Throughput.formatted(snapshot.downloadRate),
                      "↑ " + Throughput.formatted(snapshot.uploadRate)]
+            .map(MenuBarText.widestOfSameShape)
         let widest = lines
             .map { NSAttributedString(string: $0, attributes: [.font: font]).size().width }
             .max() ?? 0
@@ -111,7 +116,6 @@ final class NetworkStatusView: NSView, WidthReporting {
         MenuBarText.symbolWidth(snapshot.interfaceKind.symbolName, height: 13)
     }
 
-    private var adaptive = AdaptiveWidth(minimum: MenuBarText.minimumWidth)
     private var width: CGFloat = MenuBarText.minimumWidth
     var onWidthChange: ((CGFloat) -> Void)?
 
@@ -124,7 +128,7 @@ final class NetworkStatusView: NSView, WidthReporting {
         self.history = history
         needsDisplay = true
 
-        let next = adaptive.update(needed: neededWidth())
+        let next = max(neededWidth(), MenuBarText.minimumWidth)
         guard next != width else { return }
         width = next
         invalidateIntrinsicContentSize()
@@ -175,8 +179,11 @@ final class NetworkStatusView: NSView, WidthReporting {
                                       attributes: attributes)
         let up = NSAttributedString(string: "↑ " + Throughput.formatted(snapshot.uploadRate),
                                     attributes: attributes)
-        down.draw(at: NSPoint(x: rect.minX + 2, y: rect.midY - 0.5))
-        up.draw(at: NSPoint(x: rect.minX + 2, y: rect.midY - 10.5))
+        // Mittig statt links: bleibt doch einmal Platz übrig — etwa weil die
+        // zweite Zeile schmaler ist —, verteilt er sich auf beide Seiten statt
+        // als Lücke rechts zu stehen.
+        down.draw(at: NSPoint(x: rect.midX - down.size().width / 2, y: rect.midY - 0.5))
+        up.draw(at: NSPoint(x: rect.midX - up.size().width / 2, y: rect.midY - 10.5))
     }
 
     private func drawGraph(color: NSColor, in rect: NSRect) {

Packages/OnyxKit/Sources/OnyxMenuBar/MenuBarModule.swift

@@ -57,7 +57,7 @@ public struct MenuBarModuleSettings: Codable, Sendable, Equatable {
     public var usesThresholdColors: Bool
 
     public init(isEnabled: Bool = false,
-                presentation: MenuBarPresentation = .value,
+                presentation: MenuBarPresentation = .symbolAndValue,
                 refreshInterval: TimeInterval = 2,
                 usesThresholdColors: Bool = true) {
         self.isEnabled = isEnabled

Packages/OnyxKit/Sources/OnyxMenuBar/MenuBarText.swift

@@ -39,6 +39,17 @@ public enum MenuBarText {
         return max(minimumWidth, content + symbol)
     }
 
+    /// Dieselbe Zeichenfolge mit allen Ziffern auf 9 gesetzt.
+    ///
+    /// Damit lässt sich die Breite für die **Gestalt** eines Werts reservieren
+    /// statt für seinen Höchstwert. Bei ständig schwankenden Zahlen — dem
+    /// Netzwerkdurchsatz etwa — ist der Höchstwert der letzten Messungen fast
+    /// immer größer als der aktuelle, und die Differenz steht als Lücke daneben.
+    /// So bewegt sich nur noch etwas, wenn eine Stelle dazukommt.
+    public static func widestOfSameShape(_ text: String) -> String {
+        String(text.map { $0.isNumber ? "9" : $0 })
+    }
+
     public static func width(of text: String) -> CGFloat {
         guard !text.isEmpty else { return 0 }
         return NSAttributedString(string: text, attributes: [.font: font]).size().width