Menüleiste springt nicht mehr, Mixer fasst Hilfsprozesse zusammen

Die Breite folgte der Stellenzahl des aktuellen Werts. Aus „14 KB/s" wird
„431 KB/s", und mit der zusätzlichen Stelle wanderte die halbe Leiste. Jetzt
wieder feste Breiten, bemessen am breitesten Wert, der vorkommen kann.

Der frühere Fehler war nicht die feste Breite, sondern der falsche
Bezugswert: gezeichnet wird „63°", bemessen wurde „100 °C" — fünfzehn Punkte
für zwei Zeichen, die nie erscheinen. Nachgemessen: zwei Aufnahmen im
Abstand von sechs Sekunden mit geänderten Werten ergeben identische Breiten.

Der Mixer fasst Hilfsprozesse mit ihrem Programm zusammen. „Google Chrome"
und „Google Chrome Helper" standen als zwei Zeilen nebeneinander, mit
getrennten Reglern für dasselbe Programm — zieht man den einen, hört man
den anderen. Chrome hat je Tab einen Helfer; fünfzehn Regler für einen
Browser sind keine Auskunft.

Abgegriffen wird weiterhin je Prozess, geregelt aber je Programm. Der
Schlüssel der Taps muss deshalb den Prozess mitführen: mehrere Helfer teilen
sich eine Kennung und überschrieben sich sonst gegenseitig. Der Pegel einer
Zeile ist der lauteste ihrer Prozesse.

Die Zeilen sind einzeilig statt zweizeilig: Symbol, Stummschalter, Regler,
Wert. Der Name ist weg — bei einem erkennbaren Programmsymbol ist er
redundant, und die gewonnene Zeile macht die Liste halb so hoch. Dafür ist
das Symbol größer, und wer den Namen braucht, hält den Zeiger darauf.
Popover 420 statt 330 Punkte breit.

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

Packages/OnyxKit/Sources/AudioProvider/AudioMixer.swift

@@ -16,6 +16,9 @@ private let log = Logger(subsystem: "com.scarriffleservices.onyx", category: "Au
 public final class AudioMixer {
 
     public private(set) var processes: [AudioProcess] = []
+    /// Die Programme, wie sie in der Oberfläche stehen — Hilfsprozesse mit
+    /// ihrem Programm zusammengefasst.
+    public private(set) var groups: [AudioProcessGroup] = []
     public private(set) var isEnabled = false
     public private(set) var lastError: String?
 
@@ -91,18 +94,22 @@ public final class AudioMixer {
     private func refresh() {
         let all = Self.currentProcesses()
         let now = Date()
-        for process in all where process.isPlaying { lastHeard[process.bundleID] = now }
-
         // Core Audio führt Dutzende Systemdienste, die theoretisch Ton ausgeben
         // könnten. In einem Mischpult sind sie nur Rauschen — gezeigt wird, was
         // klingt, kürzlich klang oder geregelt wird.
-        processes = all.filter { process in
+        // Erst zusammenfassen, dann filtern: sonst verschwindet der
+        // Hauptprozess von Chrome, weil nur sein Helfer Ton ausgibt.
+        let candidates = AudioProcessGroup.group(all)
+        for group in candidates where group.isPlaying { lastHeard[group.bundleID] = now }
+
+        groups = candidates.filter { group in
             ProcessVisibility.shouldShow(
-                isPlaying: process.isPlaying,
-                secondsSinceHeard: lastHeard[process.bundleID]
+                isPlaying: group.isPlaying,
+                secondsSinceHeard: lastHeard[group.bundleID]
                     .map { now.timeIntervalSince($0) },
-                isManaged: managed.contains(process.bundleID))
+                isManaged: managed.contains(group.bundleID))
         }
+        processes = groups.flatMap(\.processes)
         syncTaps()
         startLevelTimerIfNeeded()
     }
@@ -116,49 +123,65 @@ public final class AudioMixer {
             return
         }
 
-        let wanted = Set(processes.filter { managed.contains($0.bundleID) }.map(\.bundleID))
+        // Abgegriffen wird je **Prozess**, geregelt je **Programm**: Chromes
+        // Ton kommt aus mehreren Helfern, die alle denselben Regler bekommen.
+        // Der Schlüssel muss deshalb den Prozess mitführen — mehrere Helfer
+        // teilen sich eine Kennung und überschrieben sonst einander.
+        var wanted: [String: (process: AudioProcess, group: AudioProcessGroup)] = [:]
+        for group in groups where managed.contains(group.bundleID) {
+            for process in group.processes {
+                wanted[Self.tapKey(process)] = (process, group)
+            }
+        }
 
         // Beendete oder abgewählte Programme freigeben — sonst bliebe der Tap
         // stehen und schaltete ein Programm stumm, das gar nicht mehr gemeint ist.
-        for (bundleID, tap) in taps where !wanted.contains(bundleID) {
+        for (key, tap) in taps where wanted[key] == nil {
             tap.stop()
-            taps[bundleID] = nil
+            taps[key] = nil
         }
 
-        for process in processes where wanted.contains(process.bundleID) {
-            if let existing = taps[process.bundleID] {
-                existing.setGain(store.effectiveGain(for: process.bundleID))
+        for (key, entry) in wanted {
+            let gain = store.effectiveGain(for: entry.group.bundleID)
+            if let existing = taps[key] {
+                existing.setGain(gain)
                 continue
             }
-            let tap = ProcessTap(process: process)
-            tap.setGain(store.effectiveGain(for: process.bundleID))
+            let tap = ProcessTap(process: entry.process)
+            tap.setGain(gain)
             do {
                 try tap.start(outputDeviceUID: outputUID)
-                taps[process.bundleID] = tap
+                taps[key] = tap
                 lastError = nil
             } catch {
                 // Bei einem Fehlschlag nicht in einem halben Zustand
                 // verharren: das Programm bleibt sonst stumm zurück.
                 tap.stop()
-                managed.remove(process.bundleID)
+                managed.remove(entry.group.bundleID)
                 persist()
                 lastError = error.localizedDescription
-                log.error("Tap für \(process.name, privacy: .public) fehlgeschlagen: \(error.localizedDescription, privacy: .public)")
+                log.error("Tap für \(entry.process.name, privacy: .public) fehlgeschlagen: \(error.localizedDescription, privacy: .public)")
             }
         }
     }
 
+    /// Ein Tap je Prozess, nicht je Programm — mehrere Helfer eines Programms
+    /// tragen dieselbe Kennung und überschrieben sich sonst gegenseitig.
+    private static func tapKey(_ process: AudioProcess) -> String {
+        "\(process.bundleID)#\(process.pid)"
+    }
+
     /// Baut Taps neu auf, die nur noch Stille liefern.
     private func checkForStalledTaps() {
-        for (bundleID, tap) in taps {
+        for (key, tap) in taps {
             guard tap.isRunning,
                   tap.secondsSinceAudio > 30,
-                  processes.first(where: { $0.bundleID == bundleID })?.isPlaying == true
+                  tap.process.isPlaying
             else { continue }
 
-            log.error("Tap für \(bundleID, privacy: .public) liefert nur Stille — Neuaufbau")
+            log.error("Tap für \(key, privacy: .public) liefert nur Stille — Neuaufbau")
             tap.stop()
-            taps[bundleID] = nil
+            taps[key] = nil
         }
         syncTaps()
     }
@@ -202,13 +225,20 @@ public final class AudioMixer {
             levelTimer = nil
             return
         }
+        // Der Pegel gilt je **Programm**: Chromes Ton verteilt sich auf mehrere
+        // Helfer, und die Zeile zeigt den lautesten davon.
+        var peaks: [String: Double] = [:]
+        for (_, tap) in taps {
+            let app = ProcessNaming.parentBundleID(for: tap.process.bundleID)
+            peaks[app] = max(peaks[app] ?? 0, Double(tap.takePeak()))
+        }
+
         var next: [String: Double] = [:]
-        for (bundleID, tap) in taps {
-            let peak = Double(tap.takePeak())
-            let previous = levels[bundleID] ?? 0
+        for (app, peak) in peaks {
+            let previous = levels[app] ?? 0
             // Schnell hoch, langsam runter. Ein Pegel, der jedem Puffer folgt,
             // flackert; einer, der nur fällt, verpasst die Spitzen.
-            next[bundleID] = peak > previous ? peak : previous * 0.72
+            next[app] = peak > previous ? peak : previous * 0.72
         }
         levels = next
     }

Packages/OnyxKit/Sources/AudioProvider/AudioProcessGroup.swift

@@ -0,0 +1,43 @@
+import Foundation
+
+/// Alle Tonquellen **eines** Programms in einer Zeile.
+///
+/// Chrome gibt seinen Ton über Hilfsprozesse aus — einen je Tab. In der Liste
+/// standen deshalb „Google Chrome" und „Google Chrome Helper" nebeneinander,
+/// und zwar mit getrennten Reglern für dasselbe Programm: zieht man den einen,
+/// hört man den anderen. Fünfzehn Regler für einen Browser sind keine Auskunft,
+/// sondern eine Zumutung.
+public struct AudioProcessGroup: Identifiable, Equatable, Sendable {
+
+    /// Die Kennung des **Programms**, nicht die des Prozesses. Sie ist der
+    /// Schlüssel für Lautstärke, Stummschaltung und Auswahl.
+    public let bundleID: String
+    public let name: String
+    public let processes: [AudioProcess]
+
+    public var id: String { bundleID }
+
+    /// Spielt einer, spielt die Gruppe.
+    ///
+    /// Der Ton kommt aus dem Helfer, während der Hauptprozess schweigt — die
+    /// Zeile muss trotzdem als spielend gelten, sonst verschwindet sie.
+    public var isPlaying: Bool { processes.contains { $0.isPlaying } }
+
+    public static func group(_ processes: [AudioProcess]) -> [AudioProcessGroup] {
+        let byApp = Dictionary(grouping: processes) {
+            ProcessNaming.parentBundleID(for: $0.bundleID)
+        }
+
+        return byApp.map { bundleID, members in
+            // Der Name kommt vom Programm selbst, wenn es dabei ist. Sonst vom
+            // Helfer — dann ist er alles, was da ist.
+            let name = members.first { $0.bundleID == bundleID }?.name
+                ?? ProcessNaming.fallbackName(for: bundleID)
+            return AudioProcessGroup(bundleID: bundleID, name: name,
+                                     processes: members.sorted { $0.pid < $1.pid })
+        }
+        // Nach Namen sortiert: Core Audio sagt keine Reihenfolge zu, und ohne
+        // feste Sortierung springen die Zeilen bei jeder Messung umher.
+        .sorted { $0.name.localizedCaseInsensitiveCompare($1.name) == .orderedAscending }
+    }
+}

Packages/OnyxKit/Sources/AudioProvider/MixerView.swift

@@ -37,7 +37,7 @@ public struct MixerView: View {
             SectionTitle("mixer.section.apps", compact: compact)
 
             if mixer.isEnabled {
-                if mixer.processes.isEmpty {
+                if mixer.groups.isEmpty {
                     Text("mixer.noProcesses", bundle: .module)
                         .font(Onyx.Font.caption)
                         .foregroundStyle(Onyx.Color.textTertiary)
@@ -47,12 +47,12 @@ public struct MixerView: View {
                     // Eine Karte um die Zeilen: sie fasst zusammen, was
                     // zusammengehört, und trennt es vom Ausschalter darunter.
                     VStack(spacing: 0) {
-                        ForEach(Array(mixer.processes.prefix(compact ? 4 : 12).enumerated()),
-                                id: \.element.id) { index, process in
+                        ForEach(Array(mixer.groups.prefix(compact ? 4 : 12).enumerated()),
+                                id: \.element.id) { index, group in
                             if index > 0 { Divider().overlay(Onyx.Color.hairline) }
-                            ProcessRow(mixer: mixer, process: process, compact: compact)
+                            ProcessRow(mixer: mixer, group: group, compact: compact)
                                 .padding(.horizontal, 10)
-                                .padding(.vertical, compact ? 7 : 9)
+                                .padding(.vertical, compact ? 6 : 8)
                         }
                     }
                     .background(Onyx.Color.elevated.opacity(0.55),
@@ -82,7 +82,7 @@ public struct MixerView: View {
             }
         }
         .frame(maxWidth: .infinity, alignment: .leading)
-        .animation(Onyx.Motion.value, value: mixer.processes.count)
+        .animation(Onyx.Motion.value, value: mixer.groups.count)
     }
 }
 
@@ -127,74 +127,60 @@ private struct OffState: View {
 
 private struct ProcessRow: View {
     let mixer: AudioMixer
-    let process: AudioProcess
+    let group: AudioProcessGroup
     let compact: Bool
 
-    private var managed: Bool { mixer.isManaged(process.bundleID) }
-    private var muted: Bool { mixer.isMuted(process.bundleID) }
-    private var volume: Double { mixer.volume(for: process.bundleID) }
+    private var managed: Bool { mixer.isManaged(group.bundleID) }
+    private var muted: Bool { mixer.isMuted(group.bundleID) }
+    private var volume: Double { mixer.volume(for: group.bundleID) }
 
     var body: some View {
-        VStack(alignment: .leading, spacing: compact ? 5 : 6) {
-            HStack(spacing: 8) {
-                icon
-                Text(process.name)
-                    .font(Onyx.Font.caption)
-                    .foregroundStyle(managed ? Onyx.Color.textPrimary : Onyx.Color.textSecondary)
-                    .lineLimit(1)
-                    // In der Mitte kürzen statt am Ende: bei zwei ähnlichen
-                    // Namen ist das Ende oft das Unterscheidende.
-                    .truncationMode(.middle)
-                Spacer(minLength: 4)
-                if process.isPlaying {
-                    Circle().fill(Onyx.Color.positive).frame(width: 5, height: 5)
-                }
+        // Eine Zeile statt zwei: Symbol, Stummschalter, Regler, Wert. Der Name
+        // ist weg — bei einem erkennbaren Programmsymbol ist er redundant, und
+        // die gewonnene Zeile macht die Liste halb so hoch. Wer ihn braucht,
+        // hält den Zeiger auf das Symbol.
+        HStack(spacing: 10) {
+            icon
+
+            Button {
+                if !managed { mixer.setManaged(true, for: group.bundleID) }
+                mixer.setMuted(!muted, for: group.bundleID)
+            } label: {
+                Image(systemName: muted ? "speaker.slash.fill" : speakerSymbol)
+                    .font(.system(size: 11))
+                    .frame(width: 15, alignment: .leading)
             }
+            .buttonStyle(.plain)
+            .foregroundStyle(muted ? Onyx.Color.critical
+                                   : (managed ? Onyx.Color.textSecondary
+                                              : Onyx.Color.textTertiary))
 
-            HStack(spacing: 9) {
-                // Der Stummschalter links vom Regler, wie in SoundSource: er
-                // gehört zur Lautstärke und nicht zu den Zusatzfunktionen.
-                Button {
-                    if !managed { mixer.setManaged(true, for: process.bundleID) }
-                    mixer.setMuted(!muted, for: process.bundleID)
-                } label: {
-                    Image(systemName: muted ? "speaker.slash.fill" : speakerSymbol)
-                        .font(.system(size: 11))
-                        .frame(width: 15, alignment: .leading)
-                }
-                .buttonStyle(.plain)
-                .foregroundStyle(muted ? Onyx.Color.critical
-                                       : (managed ? Onyx.Color.textSecondary
-                                                  : Onyx.Color.textTertiary))
+            VolumeBar(
+                volume: volume,
+                level: mixer.level(for: group.bundleID),
+                isActive: managed && !muted,
+                onChange: { newValue in
+                    // Am Regler zu ziehen **ist** die Entscheidung, dieses
+                    // Programm zu regeln. Ein zusätzlicher Schalter davor wäre
+                    // eine Hürde, die nichts schützt — der große Ausschalter
+                    // unten stellt ohnehin alles zurück.
+                    if !managed { mixer.setManaged(true, for: group.bundleID) }
+                    mixer.setVolume(newValue, for: group.bundleID)
+                })
 
-                VolumeBar(
-                    volume: volume,
-                    level: mixer.level(for: process.bundleID),
-                    isActive: managed && !muted,
-                    onChange: { newValue in
-                        // Am Regler zu ziehen **ist** die Entscheidung, dieses
-                        // Programm zu regeln. Ein zusätzlicher Schalter davor
-                        // wäre eine Hürde, die nichts schützt — der große
-                        // Ausschalter unten stellt ohnehin alles zurück.
-                        if !managed { mixer.setManaged(true, for: process.bundleID) }
-                        mixer.setVolume(newValue, for: process.bundleID)
-                    })
-
-                Text(managed ? "\(Int(volume * 100)) %" : "–")
-                    .font(Onyx.Font.metricSmall)
-                    .monospacedDigit()
-                    .foregroundStyle(volume > 1 && managed ? Onyx.Color.warning
-                                                           : Onyx.Color.textTertiary)
-                    // Feste Breite, sonst wandert der Regler beim Ziehen.
-                    .frame(width: 36, alignment: .trailing)
-            }
+            Text(managed ? "\(Int(volume * 100)) %" : "–")
+                .font(Onyx.Font.metricSmall)
+                .monospacedDigit()
+                .foregroundStyle(volume > 1 && managed ? Onyx.Color.warning
+                                                       : Onyx.Color.textTertiary)
+                // Feste Breite, sonst wandert der Regler beim Ziehen.
+                .frame(width: 36, alignment: .trailing)
         }
         .contentShape(.rect)
+        .help(group.name)
         .contextMenu {
             if managed {
-                Button {
-                    mixer.setManaged(false, for: process.bundleID)
-                } label: {
+                Button { mixer.setManaged(false, for: group.bundleID) } label: {
                     Text("mixer.release", bundle: .module)
                 }
             }
@@ -213,25 +199,23 @@ private struct ProcessRow: View {
         }
     }
 
+    /// Ohne Namen daneben trägt das Symbol die Erkennung allein — also größer
+    /// und ohne Kachel, damit es tatsächlich zu erkennen ist.
     @ViewBuilder
     private var icon: some View {
-        // Als Kachel wie in SoundSource: ein freigestelltes Programmsymbol
-        // wirkt neben Text verloren, mit Hintergrund steht es für sich.
-        Group {
-            // Auch Hilfsprozesse bekommen das Symbol ihres Programms — sonst
-            // steht neben „Google Chrome" ein leerer Platzhalter.
-            if let image = ProcessNaming.icon(bundleID: process.bundleID, pid: process.pid) {
-                Image(nsImage: image).resizable().padding(2)
-            } else {
-                Image(systemName: "app.dashed")
-                    .font(.system(size: 10))
-                    .foregroundStyle(Onyx.Color.textTertiary)
-            }
+        // Auch Hilfsprozesse bekommen das Symbol ihres Programms.
+        if let image = ProcessNaming.icon(bundleID: group.bundleID,
+                                          pid: group.processes.first?.pid ?? 0) {
+            Image(nsImage: image)
+                .resizable()
+                .frame(width: 26, height: 26)
+                .opacity(managed ? 1 : 0.65)
+        } else {
+            Image(systemName: "app.dashed")
+                .font(.system(size: 15))
+                .foregroundStyle(Onyx.Color.textTertiary)
+                .frame(width: 26, height: 26)
         }
-        .frame(width: 20, height: 20)
-        .background(Onyx.Color.surface.opacity(managed ? 0.9 : 0.5),
-                    in: .rect(cornerRadius: 5, style: .continuous))
-        .opacity(managed ? 1 : 0.7)
     }
 }