Phase 1: Notch-Shell, Design-System, Menüleisten-Infrastruktur

Zustandsmaschine und Geometrie sind testgetrieben entstanden und tragen 40
Tests — sie sind frei von AppKit, damit jeder Übergang ohne Fenster und ohne
Warten prüfbar ist. Zeit kommt nur als Ereignis herein.

Zwei Entscheidungen, die im Code begründet sind:

Der Zeiger wird über einen globalen Ereignismonitor verfolgt, nicht über ein
unsichtbares Fenster auf der Notch. Ein solches Fenster müsste Mausereignisse
annehmen, um sie zu bemerken, und würde damit Menüleiste und Fensterknöpfe
darunter unbenutzbar machen.

"Nur internes Display" fällt auf ein externes zurück, wenn kein eingebautes da
ist. Am Dock mit geschlossenem Deckel hieße die Einstellung wörtlich genommen,
dass Onyx unerreichbar wird.

Design: NSVisualEffectView mit eigenem Tint statt Liquid Glass — Onyx ist Stein,
kein Glas. Alle Farben und Maße liegen als Tokens in OnyxDesign.

Menüleiste: jedes Modul bekommt ein eigenes NSStatusItem. Elemente, denen macOS
mangels Platz keine Breite gibt, werden erkannt und gemeldet, statt still zu
verschwinden.

App-Target über XcodeGen, damit die Projektdefinition im Diff lesbar bleibt.
Nicht sandboxed, mit App-Group-Entitlement — baut, startet, signiert mit
PP34X97WS3.

Packages/OnyxKit/Sources/OnyxDesign/OnyxSurface.swift

@@ -0,0 +1,72 @@
+import SwiftUI
+import AppKit
+
+/// Die Vibrancy-Ebene hinter dem Panel.
+///
+/// `.hudWindow` mit `behindWindow` lässt den Hintergrund durchscheinen, ohne ihn
+/// lesbar zu lassen. Der Tint darüber macht daraus schwarzen Stein statt grauem Glas.
+public struct OnyxVisualEffect: NSViewRepresentable {
+    public init() {}
+
+    public func makeNSView(context: Context) -> NSVisualEffectView {
+        let view = NSVisualEffectView()
+        view.material = .hudWindow
+        view.blendingMode = .behindWindow
+        view.state = .active
+        view.appearance = NSAppearance(named: .darkAqua)
+        return view
+    }
+
+    public func updateNSView(_ view: NSVisualEffectView, context: Context) {}
+}
+
+/// Der Hintergrund des Panels: Vibrancy, Tint, ein sehr flacher Glanz von oben
+/// und eine Haarlinie als Innenkante.
+public struct OnyxSurface: View {
+    private let cornerRadius: CGFloat
+
+    public init(cornerRadius: CGFloat = Onyx.Metric.panelCornerRadius) {
+        self.cornerRadius = cornerRadius
+    }
+
+    public var body: some View {
+        let shape = RoundedRectangle(cornerRadius: cornerRadius, style: .continuous)
+
+        shape
+            .fill(Onyx.Color.surface.opacity(Onyx.Color.surfaceOpacity))
+            .background(OnyxVisualEffect().clipShape(shape))
+            .overlay {
+                // Die Bänderung des Steins: oben ein Hauch heller, nach 40 %
+                // vollständig verlaufen. Mehr wirkt sofort billig.
+                shape.fill(
+                    LinearGradient(
+                        stops: [
+                            .init(color: .white.opacity(0.02), location: 0),
+                            .init(color: .clear, location: 0.4),
+                        ],
+                        startPoint: .top, endPoint: .bottom))
+            }
+            .overlay {
+                shape.strokeBorder(Onyx.Color.hairline, lineWidth: Onyx.Metric.hairlineWidth)
+            }
+    }
+}
+
+/// Eine Kachel auf der Panelfläche.
+public struct OnyxTile<Content: View>: View {
+    private let content: Content
+
+    public init(@ViewBuilder content: () -> Content) {
+        self.content = content()
+    }
+
+    public var body: some View {
+        let shape = RoundedRectangle(cornerRadius: Onyx.Metric.tileCornerRadius, style: .continuous)
+
+        content
+            .padding(12)
+            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
+            .background(shape.fill(Onyx.Color.elevated))
+            .overlay(shape.strokeBorder(Onyx.Color.hairline, lineWidth: Onyx.Metric.hairlineWidth))
+    }
+}