Phase 2 abgeschlossen: Einstellungsfenster und Lokalisierung

Einstellungen wirken sofort statt erst nach einem Neustart. In einer App ohne
Fenster ist eine verzögerte Änderung praktisch unauffindbar — man sieht ja
nicht, dass etwas passiert ist. AppModel meldet Layout- und Anzeigeänderungen
an den Koordinator, das Panel zeichnet sich neu und die Panelgröße zieht mit.

Widgets lassen sich hinzufügen, entfernen, in der Größe ändern und per
Drag-and-Drop umsortieren. Angeboten werden nur die Größen, die ein Widget
sinnvoll ausfüllt — ein Mini-Monat in 1x1 wäre unleserlich.

Lokalisierung als String Catalog in DE und EN, Quellsprache Englisch damit die
Schlüssel im Code lesbar bleiben. Der Katalog von OnyxCore musste ausdrücklich
als Ressource deklariert werden: ohne das gibt es kein Bundle.module und die
Übersetzungen wären zur Laufzeit unauffindbar. Im gebauten Bundle liegen jetzt
de.lproj und en.lproj, auch für das Paket.

Kein Menüleisten-Tab: solange es keine Module gibt, wäre das eine Oberfläche
für ein Feature, das noch nicht existiert. Er kommt mit Phase 5.

80 Tests grün.

Onyx/SettingsView.swift

@@ -0,0 +1,143 @@
+import SwiftUI
+import OnyxDesign
+import OnyxNotch
+import OnyxWidgetKit
+
+struct SettingsView: View {
+    @Bindable var model: AppModel
+
+    var body: some View {
+        TabView {
+            WidgetSettings(model: model)
+                .tabItem { Label("settings.tab.widgets", systemImage: "square.grid.2x2") }
+            DisplaySettings(model: model)
+                .tabItem { Label("settings.tab.display", systemImage: "macbook") }
+        }
+        .frame(width: 520, height: 420)
+    }
+}
+
+// MARK: - Widgets
+
+private struct WidgetSettings: View {
+    @Bindable var model: AppModel
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("settings.widgets.hint")
+                .font(.callout)
+                .foregroundStyle(.secondary)
+
+            List {
+                Section("settings.widgets.inPanel") {
+                    // Die Reihenfolge hier ist die Reihenfolge im Panel: die
+                    // Layout-Engine setzt die Widgets von oben links der Reihe
+                    // nach ein.
+                    ForEach(model.layout) { placement in
+                        if let widget = WidgetRegistry.shared.widget(id: placement.widgetID) {
+                            PlacementRow(model: model, placement: placement, widget: widget)
+                        }
+                    }
+                    .onMove { model.move(fromOffsets: $0, toOffset: $1) }
+
+                    if model.layout.isEmpty {
+                        Text("settings.widgets.empty")
+                            .foregroundStyle(.secondary)
+                    }
+                }
+
+                let available = WidgetRegistry.shared.all.filter { !model.isInPanel($0.id) }
+                if !available.isEmpty {
+                    Section("settings.widgets.available") {
+                        ForEach(available, id: \.id) { widget in
+                            HStack {
+                                Label(widget.displayName, systemImage: widget.symbolName)
+                                Spacer()
+                                Button("settings.widgets.add") { model.add(widget) }
+                                    .buttonStyle(.borderless)
+                            }
+                        }
+                    }
+                }
+            }
+            .listStyle(.inset)
+        }
+        .padding()
+    }
+}
+
+private struct PlacementRow: View {
+    @Bindable var model: AppModel
+    let placement: WidgetPlacement
+    let widget: any OnyxWidget
+
+    var body: some View {
+        HStack {
+            Label(widget.displayName, systemImage: widget.symbolName)
+
+            Spacer()
+
+            // Nur die Größen anbieten, die das Widget auch sinnvoll ausfüllt.
+            // Ein Mini-Monat in 1×1 wäre unleserlich.
+            Picker("", selection: Binding(
+                get: { placement.size },
+                set: { model.setSize($0, for: placement.widgetID) })) {
+                    ForEach(widget.supportedSizes) { size in
+                        Text(size.localizedName).tag(size)
+                    }
+                }
+                .labelsHidden()
+                .frame(width: 130)
+
+            Button {
+                model.remove(placement.widgetID)
+            } label: {
+                Image(systemName: "minus.circle")
+            }
+            .buttonStyle(.borderless)
+            .help("settings.widgets.remove")
+        }
+    }
+}
+
+// MARK: - Anzeige
+
+private struct DisplaySettings: View {
+    @Bindable var model: AppModel
+
+    var body: some View {
+        Form {
+            Picker("settings.display.policy", selection: $model.displayPolicy) {
+                Text("settings.display.builtInOnly").tag(DisplayPolicy.builtInOnly)
+                Text("settings.display.all").tag(DisplayPolicy.allDisplays)
+            }
+            .pickerStyle(.radioGroup)
+
+            Text("settings.display.hint")
+                .font(.callout)
+                .foregroundStyle(.secondary)
+                .fixedSize(horizontal: false, vertical: true)
+
+            Divider()
+
+            Toggle("settings.display.menuBarIcon", isOn: $model.showsMenuBarIcon)
+            Text("settings.display.menuBarIcon.hint")
+                .font(.callout)
+                .foregroundStyle(.secondary)
+                .fixedSize(horizontal: false, vertical: true)
+        }
+        .formStyle(.grouped)
+        .padding()
+    }
+}
+
+extension WidgetSize {
+    var localizedName: LocalizedStringKey {
+        switch self {
+        case .small: "settings.size.small"
+        case .medium: "settings.size.medium"
+        case .large: "settings.size.large"
+        case .wide: "settings.size.wide"
+        }
+    }
+}