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>

Onyx/MixerMenuBarModule.swift

@@ -0,0 +1,108 @@
+import SwiftUI
+import AppKit
+import AudioProvider
+import OnyxMenuBar
+import OnyxDesign
+
+/// Der Lautstärkemixer als eigenes Element in der Menüleiste.
+///
+/// Bewusst getrennt vom Onyx-Element: den Ton einer einzelnen App leiser zu
+/// drehen ist etwas, das man mitten in etwas anderem tut. Ein Umweg über ein
+/// Menü und dann in ein Panel ist dafür zwei Schritte zu weit.
+@MainActor
+final class MixerMenuBarModule: MenuBarModule {
+    let id = "audio"
+    var displayName: String { String(localized: "mixer.menubar.name") }
+
+    private let mixer: AudioMixer
+    private var view: MixerStatusView?
+    private var isActive = false
+
+    init(mixer: AudioMixer) { self.mixer = mixer }
+
+    func makeStatusView(presentation: MenuBarPresentation) -> NSView {
+        let view = MixerStatusView()
+        view.update(isEnabled: mixer.isEnabled, managed: mixer.managed.count)
+        self.view = view
+        return view
+    }
+
+    func makePopoverView() -> AnyView {
+        AnyView(
+            ScrollView {
+                MixerView(mixer: mixer)
+                    .padding(14)
+            }
+            .scrollIndicators(.automatic)
+            .frame(width: 280)
+            .frame(maxHeight: 420)
+        )
+    }
+
+    func activate() {
+        isActive = true
+        startObserving()
+    }
+
+    func deactivate() {
+        isActive = false
+        view = nil
+    }
+
+    /// Der Mixer misst ohnehin; hier wird nur zugehört. `withObservationTracking`
+    /// meldet sich einmal und muss danach neu eingerichtet werden.
+    private func startObserving() {
+        withObservationTracking {
+            _ = mixer.isEnabled
+            _ = mixer.managed
+        } onChange: {
+            Task { @MainActor [weak self] in
+                guard let self, isActive else { return }
+                view?.update(isEnabled: mixer.isEnabled, managed: mixer.managed.count)
+                startObserving()
+            }
+        }
+    }
+}
+
+/// Ein Glyph, mehr nicht.
+///
+/// Eine Zahl wäre hier sinnlos: „welche Lautstärke" hat bei einem Mischpult
+/// keine einzelne Antwort. Der Zustand, der zählt, ist ob überhaupt etwas
+/// geregelt wird — und den zeigt die Deckkraft.
+private final class MixerStatusView: NSView {
+    private var isEnabled = false
+    private var managed = 0
+
+    init() {
+        super.init(frame: NSRect(x: 0, y: 0, width: MenuBarText.minimumWidth, height: 22))
+    }
+
+    @available(*, unavailable)
+    required init?(coder: NSCoder) { fatalError() }
+
+    override var intrinsicContentSize: NSSize {
+        NSSize(width: MenuBarText.minimumWidth, height: 22)
+    }
+
+    func update(isEnabled: Bool, managed: Int) {
+        self.isEnabled = isEnabled
+        self.managed = managed
+        needsDisplay = true
+    }
+
+    override func draw(_ dirtyRect: NSRect) {
+        guard let image = NSImage(systemSymbolName: "slider.horizontal.3",
+                                  accessibilityDescription: nil) else { return }
+        image.isTemplate = true
+        // Ausgeschaltet bleibt es sichtbar, aber zurückgenommen: das Element
+        // verschwinden zu lassen wäre die schlechtere Antwort — dann fände man
+        // den Weg zum Einschalten nicht mehr.
+        let color = (isEnabled && managed > 0)
+            ? NSColor.labelColor
+            : NSColor.labelColor.withAlphaComponent(0.55)
+        color.set()
+        image.draw(in: NSRect(x: bounds.midX - 7.5, y: bounds.midY - 7.5,
+                              width: 15, height: 15))
+    }
+}