Panel wächst in die Breite, Menüleiste wird schmaler

Das Raster ist weg. Widgets stehen nebeneinander, alle gleich groß, in
der Reihenfolge aus den Einstellungen. Das Panel sitzt am oberen Rand —
nach unten zu wachsen bedeckt den Bildschirm, nach rechts und links legt
es sich in den ohnehin leeren Streifen neben der Notch. Eine zweite Reihe
entsteht erst, wenn der Bildschirm keine weitere Kachel mehr hergibt.

Die Größenauswahl fällt damit weg, und das ist kein Verlust: ein 2×1
neben einem 2×2 lässt oben rechts eine Lücke, die niemand füllen kann und
die aussieht wie ein Fehler. Genau daher kam auch die Überlappung. Ein
Test prüft jetzt für ein bis zwölf Kacheln, dass sich keine zwei
schneiden und alle vollständig im Panel liegen — außerhalb heißt oben:
hinter der Notch. Kacheln werden zusätzlich beschnitten, damit
überquellender Inhalt nicht über den Nachbarn zeichnet.

Der Kalender wählt jetzt zwischen Monatsraster und Terminliste. Das war
vorher an die Kachelgröße gekoppelt und ist in Wahrheit eine Frage
dessen, was man sehen will.

In der Menüleiste wird die Breite gemessen statt geschätzt. Vorher stand
je Darstellungsart eine feste Zahl im Code, großzügig gewählt — mit dem
Ergebnis, dass neben jedem Wert Platz für ein weiteres Symbol blieb, in
dem nichts stand. Gemessen wird die breiteste vorkommende Zeichenfolge,
nicht die gerade angezeigte, sonst springt die Leiste bei jedem Messwert.
Die Balkendarstellung bekommt ihre Breite aus der Kernzahl, die erst nach
der ersten Messung feststeht.

Popover schließen jetzt beim Klick daneben. `behavior = .transient`
genügt nicht: es greift, solange die eigene App aktiv ist, aber Onyx läuft
als .accessory und wird durch einen Klick auf ein Statuselement nicht
aktiviert. Ein Klick in ein fremdes Fenster erreichte das Popover gar
nicht. Ein globaler Beobachter sieht solche Klicks, ein lokaler die in der
eigenen App, Escape schließt ebenfalls — und es ist immer nur eines offen.

Mixer und Lüfter haben eigene Menüleistenelemente. Beides regelt man
mitten in etwas anderem; der Weg über ein Einstellungsfenster war zu weit.
Die Lüfter sind damit auch als Panel-Kachel echt statt Platzhalter.

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

Packages/OnyxKit/Sources/MetricsProvider/MetricMenuBarModule.swift

@@ -76,7 +76,7 @@ public final class MetricMenuBarModule: MenuBarModule {
 /// Darstellungsart, sonst springt bei jeder Messung die ganze Leiste. Mit
 /// SwiftUI müsste man diese Breite doppelt führen — einmal für das Layout und
 /// einmal für `NSStatusItem.length`.
-final class MetricStatusView: NSView {
+final class MetricStatusView: NSView, WidthReporting {
 
     private let metric: MetricKind
     private let presentation: MenuBarPresentation
@@ -87,21 +87,61 @@ final class MetricStatusView: NSView {
     init(metric: MetricKind, presentation: MenuBarPresentation) {
         self.metric = metric
         self.presentation = presentation
-        super.init(frame: NSRect(x: 0, y: 0, width: presentation.width, height: 22))
+        super.init(frame: NSRect(x: 0, y: 0, width: 22, height: 22))
     }
 
     @available(*, unavailable)
     required init?(coder: NSCoder) { fatalError() }
 
     override var intrinsicContentSize: NSSize {
-        NSSize(width: presentation.width, height: 22)
+        NSSize(width: width, height: 22)
     }
 
+    /// Gemessen statt geschätzt — und zwar an der **breitesten Zeichenfolge,
+    /// die vorkommen kann**, nicht an der gerade angezeigten. Sonst schiebt
+    /// jedes Prozent alle Symbole rechts davon hin und her.
+    private var width: CGFloat {
+        switch presentation {
+        case .symbol: MenuBarText.minimumWidth
+        case .graph: 28
+        case .bars: barsWidth
+        case .value: MenuBarText.width(for: reference)
+        case .valueAndGraph: MenuBarText.width(for: reference) + 2 + 28
+        }
+    }
+
+    /// Ein Balken je Kern braucht Platz für jeden Kern. Bei fünfzehn ist eine
+    /// feste Breite entweder zu eng oder überall sonst zu weit.
+    private var barsWidth: CGFloat {
+        let count = (metric == .cpu && mode == .usage) ? max(snapshot.cpu.perCore.count, 1) : 1
+        guard count > 1 else { return MenuBarText.minimumWidth }
+        return min(CGFloat(count) * 2 + CGFloat(count - 1) * 1 + 4, 60)
+    }
+
+    /// Die breiteste Zeichenfolge dieser Metrik.
+    private var reference: String {
+        switch (metric, mode) {
+        case (.temperature, _), (_, .temperature): "100 °C"
+        default: "100 %"
+        }
+    }
+
+    /// Meldet, wenn sich die nötige Breite geändert hat — der Controller stellt
+    /// das Element danach neu ein.
+    var onWidthChange: ((CGFloat) -> Void)?
+
     func update(snapshot: MetricsSnapshot, history: [Double], mode: MetricDisplayMode) {
+        let before = width
         self.snapshot = snapshot
         self.history = history
         self.mode = mode
         needsDisplay = true
+        // Die Kernzahl steht erst nach der ersten Messung fest, und der Modus
+        // wechselt zwischen „100 %" und „100 °C".
+        if width != before {
+            invalidateIntrinsicContentSize()
+            onWidthChange?(width)
+        }
     }
 
     override func draw(_ dirtyRect: NSRect) {
@@ -129,16 +169,7 @@ final class MetricStatusView: NSView {
     }
 
     private func drawText(_ text: String, color: NSColor, in rect: NSRect? = nil) {
-        let attributes: [NSAttributedString.Key: Any] = [
-            // Feste Ziffernbreite: ohne sie wackelt der Text bei jeder Messung.
-            .font: NSFont.monospacedDigitSystemFont(ofSize: 11, weight: .regular),
-            .foregroundColor: color,
-        ]
-        let string = NSAttributedString(string: text, attributes: attributes)
-        let area = rect ?? bounds
-        let size = string.size()
-        string.draw(at: NSPoint(x: area.midX - size.width / 2,
-                                y: area.midY - size.height / 2))
+        MenuBarText.draw(text, color: color, in: rect ?? bounds)
     }
 
     private func drawSymbol(color: NSColor) {
@@ -193,20 +224,6 @@ final class MetricStatusView: NSView {
 }
 
 extension MenuBarPresentation {
-    /// Feste Breite je Darstellungsart.
-    ///
-    /// Ohne sie ändert das Element bei jedem Messwert seine Größe und schiebt
-    /// alle Symbole rechts davon hin und her — das fällt in der Menüleiste
-    /// sofort unangenehm auf.
-    var width: CGFloat {
-        switch self {
-        case .value: 42
-        case .symbol: 22
-        case .graph: 34
-        case .bars: 30
-        case .valueAndGraph: 74
-        }
-    }
 }
 
 public extension MetricSummary {

Packages/OnyxKit/Sources/MetricsProvider/MetricWidgets.swift

@@ -11,7 +11,6 @@ public struct MetricWidget: OnyxWidget {
         String(localized: .init(metric.localizationKey), bundle: .module)
     }
     public var symbolName: String { metric.symbolName }
-    public let supportedSizes: [WidgetSize]
 
     private let model: MetricsModel
 
@@ -25,11 +24,10 @@ public struct MetricWidget: OnyxWidget {
         case .battery: "battery"
         case .temperature: "sensors"
         }
-        self.supportedSizes = metric == .temperature ? [.medium, .large] : [.small, .medium]
     }
 
-    public func makeView(size: WidgetSize) -> AnyView {
-        AnyView(MetricWidgetView(model: model, metric: metric, size: size))
+    public func makeView() -> AnyView {
+        AnyView(MetricWidgetView(model: model, metric: metric))
     }
 }
 
@@ -48,17 +46,15 @@ extension MetricKind {
 private struct MetricWidgetView: View {
     let model: MetricsModel
     let metric: MetricKind
-    let size: WidgetSize
     @State private var token: UUID?
 
     var body: some View {
         Group {
-            switch (metric, size) {
-            case (.temperature, _):
-                SensorList(snapshot: model.snapshot, detailed: size == .large)
-            case (_, .small):
-                CompactMetric(model: model, metric: metric)
-            default:
+            // Die Kachel ist hochkant: die Sensorliste hat Platz für Details,
+            // alles andere zeigt Zahl und Verlauf.
+            if metric == .temperature {
+                SensorList(snapshot: model.snapshot, detailed: true)
+            } else {
                 WideMetric(model: model, metric: metric)
             }
         }
@@ -119,13 +115,18 @@ private struct WideMetric: View {
     let metric: MetricKind
 
     var body: some View {
-        HStack(spacing: 10) {
+        // Übereinander, nicht nebeneinander: die Kachel ist hochkant, und ein
+        // Verlauf über die volle Breite liest sich besser als einer, der sich
+        // die Zeile mit der Zahl teilt.
+        VStack(alignment: .leading, spacing: 8) {
             CompactMetric(model: model, metric: metric)
-                .frame(width: 84)
+            Spacer(minLength: 0)
             Sparkline(values: model.series(metric),
                       tint: MetricSummary.color(metric, model.snapshot,
                                                 mode: model.displayMode(for: metric)))
+                .frame(height: 46)
         }
+        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
     }
 }